[js] focus() + tekst domyślny w input.text Opcje

[mike]

Podobnie jak w temacie.
Potrzebuje kodu w js który daje następujący efekt:
1. jeżeli kursora nie ma w polu text w formularzu to widnieje tam napis login;
2. jeżeli postawię kursor to tekst znika.
Tylko prosze, nie znam js i nie odsyłajcie mnie do pojedynczych funkcji.

[Vir]

funkcja...

Funkcję taką można zapisać "prościej" i jest to jedna funkcja:
[xml:1:98534cf8ce]function insert()

{
var inp = document.test.login;
(inp.value == "Twój login") ? inp.value = "" : (inp.value == "") ? inp.value="Twój login" : "";
}[/xml:1:98534cf8ce]
w ramach Body:
[xml:1:98534cf8ce]<form name="test">
<input type="text" name="login" value="Twój login" onblur="insert()" onfocus="insert()">
</form>[/xml:1:98534cf8ce]

Fajnym rozwiązaniem jest także wstawienie jako tła pola input obrazka ze stosownym napisem (podaj login, podaj hasło). W tym celu tworzysz odpowiednich rozmiarów obrazek, w kodzie zapisujesz to tak:
[xml:1:98534cf8ce]<input type="password" name="pass" style="background-image: url('pass.gif')">[/xml:1:98534cf8ce]
Kontynuując te rozważania (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) można "dorzucić" obsługę zdarzeń onblur oraz onfocus.
Wyglądałoby to tak:
[xml:1:98534cf8ce]<style type="text/css">

INPUT.pass
{
background-image: url('pass.gif')
}

INPUT.clear
{
background-image: url('clear.gif')
}

</style>[/xml:1:98534cf8ce]
i
[xml:1:98534cf8ce]<input type="password" name="pass" onblur="this.className='pass'" onfocus="this.className='clear'" style="background-image: url('pass.gif')">[/xml:1:98534cf8ce]
W powyższym przykładzie mamy jeden plik - pass.gif z napisem "Podaj hasło". Napis (a właściwie tło) widnieje do momentu ustawienia kursora w polu, wówczas to tło ginie (podstawiony jest brakujący obrazek clear.gif - pojawi się białe tło). Przy zdarzeniu onblur tło z napisem powraca...