Till Startsidan
JavaScript.nu / JavaScript-kurs / OnMouse, OnClick och OnDblClick

L�R DIG SPR�KET JAVASCRIPT
OnMouse, OnClick och OnDblClick

Det jag nu ska ta upp kommer du nog ha mycket nytta av, detta �r bra att ha vid s� kallade banners och andra bilder �ver huvud taget p� en sida. Finesserna du ska l�ra dig nu �r saker som kan h�nda n�r en mus (datamus) och en bild (p� en hemsida) ber�r varandra.

Det finns m�nga exempel p� vad som kan h�nda, och jag vill ju g�rna l�ra dig alla, men om jag skriver upp alla p� en tr�kig rad s� kommer du nog gl�mma vad du l�rt dig. D�rf�r har jag nu gjort en tabell med alla attributena, f�rklaringar och exempel s� att du ska b�de l�ra dig och kunna ha denna som en mall om du senare gl�mmer bort vad som �r vad. Om du vill kan du bookmarka sidan f�r att senare kunna komma tillbaka till denna sida och se alla attributena.


Resultatet: Detta skriver jag: Resultatet sker...
<A HREF="http://www.adress.com/" OnClick="alert('Hej!');"><IMG SRC="bild.gif" WIDTH="50" HEIGHT="50" BORDER="0"></A>
N�r man klickar p� bilden.
<A HREF="http://www.adress.com/" OnDblClick="alert('Hej!');"><IMG SRC="bild.gif" WIDTH="50" HEIGHT="50" BORDER="0"></A>
N�r man dubbelklickar p� bilden.
<A HREF="http://www.adress.com/" OnMouseDown="alert('Hej!');"><IMG SRC="bild.gif" WIDTH="50" HEIGHT="50" BORDER="0"></A>
N�r musknappen blir nedtryckt.
<A HREF="http://www.adress.com/" OnMouseUp="alert('Hej!');"><IMG SRC="bild.gif" WIDTH="50" HEIGHT="50" BORDER="0"></A>
N�r musknappen sl�pps.
<A HREF="http://www.adress.com/" OnMouseOver="alert('Hej!');"><IMG SRC="bild.gif" WIDTH="50" HEIGHT="50" BORDER="0"></A>
N�r muspilen flyttas �ver ett objekt.
<A HREF="http://www.adress.com/" OnMouseOut="alert('Hej!');"><IMG SRC="bild.gif" WIDTH="50" HEIGHT="50" BORDER="0"></A>
N�r muspilen flyttas fr�n ett objekt.

Du kan naturligtvis byta alert('Hej!') mot t.ex. en_funktion().
L�gg m�rke till att en l�nk (<A HREF="...">) m�ste skriva "JavaScript:en_funktion()" f�r att aktivera ett script medan du nu bara beh�ver skriva "en_funktion()", r�ttare sagt, du ska bara skriva "en_funktion()" f�r att undvika felmeddelanden p� vissa gamla webbl�sare, t.ex. Netscape 3.



Nu var det slut....
N�ja, bara detta kapitel, n�sta finns bara ett klick fr�n denna sida (om du klickar h�r f�rst�s). :)






Copyright © Omid Rouhani 1997-2022; Alla r�ttigheter reserverade.
Guider: [ HTML guide ] - [ JavaScript guide ] - [ DHTML guide ] - [ Perl guide ] - [ Sitemap ]