E-learn.ro
Panou utilizatori
Utilizator Parola
Creeaza cont nou    Recupereaza parola
Login
Newsletter
Introdu adresa ta de email
Inscrie-te
Inchide panoul de utilizatori
Add to Google

Tutoriale Javascript

Descarca toolbar

Toolbar E-learn.ro Facebook Twitter

WEB DEVELOPMENT  /  Javascript  /  Introducere in Javascript (13)

II. Atributul onMouseOver in Javascript

13.05.2008
II. Atributul onMouseOver in Javascript

Folosirea atributului onMouseOver in Javascript.

Total vizualizari: 3300 3300 afisari   |   Comentarii  0   |   Rating   |   (3 voturi)   |   Timp necesar: 10 min 10 min   |   Nivel de cunostiinte necesar: Incepator  Incepator

Sursa:  E-learn.ro  
Autor:  E-learn.ro
Adauga la tutoriale favorit Adauga la tutoriale favorite
Pagina:
1
comenteaza printeaza

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:

  1. onMouseover=" "
    Acesta este formularul comenzii. Browserul asteapta o noua instructiune sau functie intre ghilimele.
  2. window.status='Salut!'
    Aceasta comanda ii spune browserului ce mesaj sa afiseze in status bar. Scrieti textul mesajului intre ' '.
  3. 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.

Pagina:
1
comenteaza printeaza
Alte tutoriale Javascript:
Noteaza acest tutorial
Rating tutorial
 
(3 voturi)
Pentru a nota acest tutorial, trebuie sa fii logat!
Posteaza un comentariu
Pentru a posta un comentariu, trebuie sa fii logat!
0 TOP UTILIZATORI* 0 0
Tutoriale scrise de claibornelara
claibornelara Rang utilizator claibornelara - Incepator
4180
Tutoriale scrise de ellarichards
ellarichards Rang utilizator ellarichards - Incepator
4085
Tutoriale scrise de kheops
kheops Rang utilizator kheops - Mediu
4084
Tutoriale scrise de mcuemica
mcuemica Rang utilizator mcuemica - Incepator
4060
Tutoriale scrise de emonclercheap
emonclercheap Rang utilizator emonclercheap - Incepator
3875
* Acest top reprezinta punctajele acumulate in ultimele 30 de zile.
Excel Illustrator COREL DRAW Vista Lightroom Fireworks Word StyleSheet Python Photoshop SWF Fotografie Flash Bridge XHTML XML Outlook SEO Action Script PSD JSON Java Swift 3D PHP MySQL Javascript CSS HTML Ruby on Rails Verilog Dreamweaver AJAX Gimp Powerpoint RoR Sony Vegas
Promovare:
Daca faci parte din comunitatea E-learn.ro si doresti promovarea acesteia, poti accesa pagina de promovare.
Arhiva newsletter:
Daca ai ratat un numar mai vechi, sau vrei sa revezi care au fost noutatile E-learn.ro la un moment dat, poti accesa arhiva de newslettere.
  Copyright © 2008-2013 E-LEARN.ro. Toate drepturile rezervate. Termeni si conditii.
Conceput si realizat de Neokinetics Software