webForumDet fria alternativet
Logga in / Bli medlem

onMouseOver, onMouseOut, onClick

JavaScript

3 svar · 254 visningar · startad av stitch

Medlem sedan aug. 200215 inlägg
Trådstart#1

jag har ett gäng bildikoner med mouseover/out på.. men jag vill även att ikonen ska "markeras" då man klickar på den.. OCH avmarkeras om man klickar igen!

bildlägen blir alltså:
bild_off.gif - ikonen
bild_over.gif - musen över ikonen
bild_on.gif - ikonen är klickad (markerad)
bild_off.gif - markerad ikon klickas igen

så här långt har jag kommit.. men hur får jag den att markera/avmarkeras?

<a href="#" onMouseOut="document.images'rad1_bock1'].src='images/bock_off.gif' "
onMouseOver="document.images['rad1_bock1'].src='images/bock_over.gif' "
onClick="???">

<img src="images/bock_off.gif" name="rad1_bock1">

</a>

Medlem sedan aug. 200215 inlägg
#2

ingen så här på morgonkvisten som känner sej manad?? =)

Medlem sedan sep. 20021 655 inlägg
#3

Du kan göra så här:

<script type="text/javascript">
var clicked = false;
</script>

...

<img
  src="images/bock_off.gif"
  name="rad1_bock1"
  onmouseover="this.src='images/bock_over.gif';"
  onmouseout="if(clicked){this.src='images/bock_on.gif';}else{this.src='images/bock_off.gif';}"
  onclick="clicked=!clicked;"
>
Medlem sedan aug. 200215 inlägg
#4

tackar!!

259 ms totalt · 4 externa anrop · v20260731065814-full.51f67c91
126 ms — deklarationer (db)
0 ms — hämta statistik (cache)
129 ms — hämta tråd, inlägg och bilagor (db)
125 ms — ändringar (db)