Kommentare zu: Der perfekte Suchschlitz

Von: Struppi

Struppi — Mon, 05 Jan 2009 17:34:09 +0000

Ich würd das JS zum leeren so machen:
myTextfeld = document.getElementById('suchbegriff'); if (document.addEventListener) { myTextfeld.addEventListener('focus', textLeeren, false); myTextfeld.addEventListener('blur', textFuellen, false); } function textLeeren() { myTextfeld.value = ""; } function textFuellen() { if (!myTextfeld.value.length) myTextfeld.value = myTextfeld.defaultValue; } }

defaultValue wird seit IE 3 und Netscape 2 unterstützt, warum also nicht einsetzen.

Von: Marc

Marc — Tue, 30 Dec 2008 07:33:38 +0000

Auch interessant ist der mit (X)HTML5 kommende search-Typ für input-Elemente: Vom Safari wird das bereits adäquat unterstützt, in anderen Browsern wird's dank graceful degradation zu einem normalen Textfeld. Und wenn man auf Validität bedacht ist, kann man die text-Typen für Suchfelder dank unobtrusive JavaScript durch den search-Typen ersetzen. Ein Praxiseinsatz findet sich z.B. bei Wolfgang Bartelme.

Von: Nico

Nico — Wed, 10 Dec 2008 08:38:17 +0000

Ich finde es auch immer ziemlich nervig, wenn ich eine Suche durchgeführt habe, mich aber beim Suchbegriff vertippt habe und Javascript das Suchfeld erstmal leert, wenn ich den Tippfehler korrigieren will. Es sollte also beim Leeren geprüft werden, ob überhabt der defaultValue drinsteht.

Von: Daniel

Daniel — Tue, 09 Dec 2008 23:05:11 +0000

Schöner wäre das Tag zu verwenden statt einen Submit-Button dahingehend umzubiegen. So bleibt zu sagen: Pseudo.

Von: Ansgar

Ansgar — Tue, 09 Dec 2008 11:53:06 +0000

Zur Verbesserung der Zugänglichkeit im Sinne der Skalierbarkeit – gerade im Internet Explorer klappt es sonst nicht – sollte man noch ein font-size: 1em; für die input-Felder vergeben.

Von: Markus

Markus — Tue, 09 Dec 2008 10:55:32 +0000

Ich finde es ganz schön, wenn das Eingabefeld „weiß“, dass ich etwas eingegeben hab. So sollte wenn ich „Suchbegriff“ eingegeben habe dies nicht wieder verschwinden, sobald der Fokus erneut aufs Eingabefeld fällt, beispielsweise:

var input = document.getElementById("some_name");
function textLeeren() {
	if (myTextfeld.value == myTextfeld.defaultValue) {
		myTextfeld.value = "";
	}
}
function textLeeren() {
	if (myTextfeld.value != "") {
		myTextfeld.defaultValue = "";
	}
	if (myTextfeld.value == "") {
		myTextfeld.value = myTextfeld.defaultValue;
	}
}

Von: Markus

Markus — Tue, 09 Dec 2008 10:47:08 +0000

… und wenn man dann noch das Attribut defaultValue nutzt, um den Inhalt des Suchfelds wieder auf das Label zurückzusetzen, kann man sich das Zwischenspeichern in einer Variablen sparen.

Von: Chris Heilmann

Chris Heilmann — Tue, 09 Dec 2008 10:41:23 +0000

@Manuel: wenn du das mit nem onload handler machst, ja weil mit dem code hier andere, wichtigere onload handler ueberschrieben werden. Ansonsten, warum nicht.

Von: Manuel

Manuel — Tue, 09 Dec 2008 10:28:53 +0000

Also ich finds immer ganz schön wenn solche Eingabefelder, die per Javascript onclick geleert werden, auch erst dann initial gefüllt werden, wenn der Benutzer Javascript aktiviert hat. Also anstatt value="Suchebegriff" einfach value="" im Formular, und dann

window.onload = function() {
    textFuellen();
}

Oder spricht da aus eurer Sicht was gegen?

Von: Dirk Olbertz

Dirk Olbertz — Tue, 09 Dec 2008 09:08:28 +0000

Ganz hilfreich für den User kann es außerdem sein, wenn man den Namen des Inputfeldes "q" nennt. Somit nutzt der Browser für die Autovervollständigung der Suchbegriffe die Google-History der Suche – also natürlich nicht die offizielle Google Website-History, aber die aus dem Browser selbst.