[JavaScript] Czyszczenie pola tekstowego po kliknięciu Opcje

[klapaucius]

Na stronie mam pole tekstowe służące za wyszukiwarkę. Znajduje się w nim domyślna wartość "Szukaj..." i chcę by po kliknięciu w to pole domyślna wartość usuwała się.
Napisałem więc coś takiego:

[HTML] pobierz, plaintext 
<input type="text" value="Wyszukaj produkt..." onclick="this.value=null"/>
[HTML] pobierz, plaintext 

Działa to w sumie jak należy, ale jak zrobić by po ponownym kliknięciu wartośćsię już nie usuwała? Tzn. Gdy użytkownik wpisuje coś w wyszukiwarkę, i chce np. coś zmienić w tekście i kliknie w niego, to zostaje on usunięty. Jak zrobić by tak się nie działo? By tekst z formularza zostawał usunięty tylko raz przy pierwszym kliknięciu w niego, by usunąć domyślną wartość...?

[kamil4u]

Na dzisiejsze czasy to powinno się to zrobić HTML-em: placeholder -> http://www.w3schools.com/html5/tryit.asp?f...put_placeholder

Ale załóżmy, że chcesz zrobić to samemu. W takim wypadku korzystasz ze zdarzeń (on)focus i blur:

[JAVASCRIPT] pobierz, plaintext 
<input id="test" value="Ala ma kota">
 
<script>
document.getElementById('test').onfocus = function(){
 if( this.defaultValue == this.value )
   this.value = '';
}
 
document.getElementById('test').onblur = function(){
 if( this.value == '' )
   this.value = this.defaultValue;
}
</script>
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował kamil4u 22.09.2012, 22:48:18