Autor |
Nachricht |
Panique
Threadersteller
Dabei seit: 25.08.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 11.01.2010 16:14
Titel User suchen immer Inputfeld-Vorbelegung ;) |
|
|
hey,
aaalso in meinem Inputfeld steht - als Vorbelegung und um dem User klarzumachen WO er suchen muss - eben "SEARCH HERE". Das Problem: dieser Suchbegriff führt meine Suchstatistik an
Wie verhindere ich daß der Submitbutton geklickt wird / klickbar ist wenn noch nicht selbst ins Suchfeld eingetragen wurde ?
"Search here" aus der Statistik zu löschen ist mMn unsauberer als diese Suche zu verhindern.
Dankeee
|
|
|
|
|
Nimroy
Community Manager
Dabei seit: 26.05.2004
Ort: zwischen Köln und D'dorf
Alter: 45
Geschlecht:
|
Verfasst Mo 11.01.2010 16:27
Titel
|
|
|
ich nehme mal an, du rufst irgendeine Funktion auf bei submit. Und in der Prüfst du einfach vor der Ausführungd er Suche mittels Abfrage, ob der Suchstring "Search here" enthält. Wenn ja, dann gehst du zurück zum Formular und blendest noch ein, ob der User wirklihnach "Search Here" suchen will. Wenn der Suchstring das nicht enthält kannste ja suchen.
|
|
|
|
|
Anzeige
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Mo 11.01.2010 16:31
Titel
|
|
|
Schalte den Suchbutton bspweise erst, wenn dein Eingabefeld den Focus erhält.
|
|
|
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht:
|
Verfasst Mo 11.01.2010 16:32
Titel
|
|
|
man kann das ganze per javascript abfangen. hilft allerdings nur, sofern der nutzer dies auch aktiviert hat (betrifft also ca. 97-98% - 2% haben's statistisch meistens aus):
http://jsfiddle.net/jfgZ6/2/
Zuletzt bearbeitet von sahnemuh am Mo 11.01.2010 16:42, insgesamt 1-mal bearbeitet
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Mo 11.01.2010 16:51
Titel
|
|
|
sahnemuh hat geschrieben: | man kann das ganze per javascript abfangen. hilft allerdings nur, sofern der nutzer dies auch aktiviert hat (betrifft also ca. 97-98% - 2% haben's statistisch meistens aus):
http://jsfiddle.net/jfgZ6/2/ |
Und schon Deine neue Lieblingsseite geworden, was ?
Aber an diese Lösung hatte ich auch gedacht.
|
|
|
|
|
choise
Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht:
|
Verfasst Mo 11.01.2010 16:55
Titel
|
|
|
vielleicht sollten wir den source code trotzdem immer nochmal zusätzlich posten,... damits für später immer sichtbar ist
HTML
Code: |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Form Test</title>
</head>
<body>
<form name="testform" id="testform" method="post" action="#">
<label for="searchInput">Suchen</label>
<input type="text" id="searchInput" value="SEARCH HERE" />
<input type="submit" id="searchSubmit" value="absenden" disabled="disabled" />
</form>
</body>
</html>
|
JAVASCRIPT
Code: |
window.onload = function() {
myForm = document.getElementById('testform');
searchInput = document.getElementById('searchInput');
searchSubmit = document.getElementById('searchSubmit');
myForm.onsubmit = function() {
if(searchInput.value == searchInput.defaultValue) {
alert("Bitte geben Sie einen Suchbegriff ein!")
return false;
}
}
searchInput.onblur = function() {
if ( this.value == '') {
this.value = this.defaultValue;
}
}
searchInput.onkeydown = function() {
if ( this.value != '' && this.value != this.defaultValue) {
searchSubmit.disabled = false;
}
}
searchInput.onfocus = function() {
if ( this.value == this.defaultValue ) {
this.value = '';
} else {
searchSubmit.disabled = false;
}
}
}
|
Zuletzt bearbeitet von choise am Mo 11.01.2010 16:55, insgesamt 1-mal bearbeitet
|
|
|
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht:
|
Verfasst Mo 11.01.2010 16:55
Titel
|
|
|
chrrchrr. ja, finde ich prima
|
|
|
|
|
Panique
Threadersteller
Dabei seit: 25.08.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 11.01.2010 22:38
Titel
|
|
|
jungs, ihr seid die größten!
perfektes ding!
ewiger dank!
|
|
|
|
|
|
|
|
Ähnliche Themen |
Vorbelegung Textarea
textarea vorbelegung wird nach änderung nicht verschickt
Php User Berechtigung
User Stylesheet..
user-registrierung
-> User in WSFTP Pro einstellen....
|
|