Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript] Znikający tekst w polu input, zmiana koloru
Forum PHP.pl > Forum > Przedszkole
Kamilo
Witam.

Mam dość prostą sprawę ale nie mogę sobie poradzić, słaby jestem w javascript.
Mam skrypt który wyświetla opis w polu input, po kliknięciu znika i wszystko jest ok.
Chciałbym tylko to rozbudować żeby domyślny opis był koloru szarego, a jak już coś wpisujemy/wpiszemy to żeby było np na czarno.
Dokładnie takie coś jak na stronie głównej zumi.pl

  1. <input name="kok" type="text" value="Wpisz szukane słowo"
  2. onfocus="if(this.value=='' || this.value == 'Wpisz szukane słowo') this.value=''"
  3. onblur="if(this.value == '') this.value='Wpisz szukane słowo'" >


Pozdrawiam i czekam na pomoc.
skowron-line
Trochę spageti ale działa.
  1. <input name="kok" type="text" value="Wpisz szukane słowo" style="color:red;"
  2. onfocus="if(this.value=='' || this.value == 'Wpisz szukane słowo') this.value=''; this.style.color='gray'"
  3. onblur="if(this.value == '') this.value='Wpisz szukane słowo'" >


Kolory zmienisz sobie sam smile.gif
Kamilo
dzięki za pomoc.

Dokonałem tylko małych zmian żeby działało tak jak chciałem.
  1. <input name="kok7" type="text" value="Wpisz szukane słowo" style="color:gray;"
  2. onfocus="if(this.value=='' || this.value == 'Wpisz szukane słowo') {this.value=''; this.style.color='black';}"
  3. onblur="if(this.value == '') {this.value='Wpisz szukane słowo'; this.style.color='gray'}" >
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.