✔ Jquery - Suchefeld befüllen, bei Event Feld leeren oder wieder füllen

[Maniac]

Moin,

Irgendiwe steh ich grad auf dem Schlauch.
Ich hab ein Inputfeld welches eine Suche darstellt.
In diesem Feld soll eigentlich immer "Suche" stehen, ausser es wird was eingegeben.

Wie ich es befülle ist mir klar, wie es bei Focus oder Klick in das Feld leere auch, aber welche Events muss ich nehmen das es, wenn ich mit der Maus aus dem Feld bin und wo anders hinklicke wieder Suche drin steht.
Ich hab schon .focus(), .click(), .mousdown(), .mouseout(), usw versucht, jedoch bekomm ich es nicht wirklich hin.

 

[slimox]

Wenn du möchtest, dass es beim verlassen wieder auf "Suche" wechselt

$('input').blur(function(){
    //Input value auf Suche ändern
    $(this).attr('value', 'Suche');
});

 

[Maniac]

Danke, das allein hat zwar nicht wirklich funktioniert, da dann auch das eingegebene wieder durch Suche ersetzt wurde. Ich hab jetzt das mal als Lösung:

$(document).ready(function(){
	var search = $('#search');
	
	if(search.val() == '') search.val('Suche').css('color', '#BEBEBE');
	
	search.focus(function(){
		if(search.val() == 'Suche')	search.val('').css('color', '#000');
	});
	
	search.blur(function(){
		if(search.val() == '')  search.val('Suche').css('color', '#BEBEBE');
	});
	
	
});

 

[erik s.]

Mit HTML5 wurde auch das Attribut placeholder eingeführt. Vielleicht bringt dir das auch was.

<input type="email" name="txt_email" placeholder="Ihre Emailadresse" />

 

[Maniac]

Danke für den Hinweis, wusste ich auch schon, nur leider steht in diesem Projekt HTML5 nicht zur Debatte