Till Startsidan
JavaScript.nu hostas av Ballou.se

Skaffa webbhotell
Från 12 kr/månad.

100 kr rabatt för JavaScript.nu-
besökare.

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-2010; Alla rättigheter reserverade.
Guider: [ HTML guide ] - [ JavaScript guide ] - [ DHTML guide ] - [ Perl guide ] - [ Sitemap ]