1)Użytkownik klika na Image1 z tekstem podpowiedzi
2)Znika podpowiedź
3)Jeżeli użytkownik wpisze tekst nie zostanie oczyszczone okno podpowiedzi
4)Jeżeli użytkownik niczego nie wpisze wraca treść podpowiedzi
Kod skryptu :
var aktualnyobrazek=1; function zmiana(id) { var aktualna = document.getElementById("zmiana_"+id); aktualna.style.backgroundImage="url('images/pasekszukania.png')"; document.getElementById("zmiana_"+aktualnyobrazek).style.backgroundImage="url('images/szukajnazwafilmu.png')"; aktualnyobrazek=id; } function sprawdz(id) { if (document.getElementById("zmiana_"+id.toString()).value == "") document.getElementById("zmiana_"+id.toString()).style.backgroundImage="url('images/pasekszukania.png')"; }
Wywołanie :
<input type="text" class="szukaj_okienko" onFocus="zmiana(1);" id="zmiana_1" onBlur="sprawdz(1);"></input>
Problem:
Klikam w inputa z podpowiedzią : podpowiedź nie znika
klikam w inputa niżej (nie ma on ustawionych żadnych zdarzen podpowiedź znika)
klikne gdzieś obok i znów się pojawia..
cały dzień się z tym męczę i nie wiem dlaczego to tak dziwnie się zachowuje ...
Czy ktoś widzi jakiś błąd w kodzie ? Mi wygląda on poprawnie..
A i dopiero są to moje początki z JS.. więc jak coś źle zrobiłem to proszę o poprawienie bądź naprowadzenie na poprawne rozwiązanie..