|
Pentru a folosi atributul onMouseover nu trebuie sa includeti si tag-ul script. Acesta instructiune va afisa un mesaj la alegere in status bar cand plasati cursorul deasupra unui link.
Exemplu:
<A HREF="pagina.htm" onMouseover="window.status='Salut!'; return true">
Link </A>
Puteti testa acest cod. Mutati cursorul deasupra linkului fara sa iti dati click. Observati ca in partea din stanga jos a browserului a aparut mesajul 'Salut!'. Sa analizam comanda onMouseover:
- onMouseover=" "
Acesta este formularul comenzii. Browserul asteapta o noua instructiune sau functie intre ghilimele.
- window.status='Salut!'
Aceasta comanda ii spune browserului ce mesaj sa afiseze in status bar. Scrieti textul mesajului intre ' '.
- return true
Returneaza valoarea booleana true (adevarat) pentru ca browserul sa afiseze textul.
In exemplul de mai sus, am folosit apostrofi ('') pentru ca, in acest caz, instructiunea window.status este inclusa in interiorul comenzii onMouseover, pentru care am folosit deja ghilimele (""). Daca am fi folosit din nou ghilimelele duble, browserul ar fi interpretat gresit scriptul, confundand inceputul comenzii window.status cu sfarsitul comenzii onMouseover.
Daca vreti ca mesajul "Salut!" sa dispara din status bar cand cursorul nu se mai afla deasupra linkului, puteti folosi comanda onMouseout, sau puteti apela o functie care sa stearga textul dupa o anumita perioada de timp. Cea de-a doua metoda necesita functii si tag-uri <script> , deci deocamdata vom analiza prima si cea mai simpla metoda: comanda onMouseout.
Exemplu:
<A HREF="pagina.htm" onMouseover="window.status='Salut!'; return true"
onMouseout="window.status=''; return true">Link</A>
Acest cod va face ca mesajul sa dispara din status bar daca mutati cursorul.
Exemplu este identic cu cel de mai sus, exceptand faptul ca in interiorul comenzii window.status din onMouseout am inlocuit textul cu un spatiu.
In general, puteti folosi aceste exemple de scripturi pentru a descrie linkurile de pe pagina dvs.
|
1429 afisari |
10 min
|
Incepator
