onClick og onMouseOver ??
Jeg har tre knapper (billeder). Når man kører musen over knapperne skifter de til farve 2 og skifter tilbage til farve 1, når musen køres væk igen.Jeg vil dog gerne have, at knapperne forbliver i farve 2 ved tryk på knappen - også selv om man kører musen væk fra knappen efterfølgende. Hvordan gøres det?
Som det er nu, vil den knap som jeg klikker på gå tilbage til farve 1, når jeg kører musen væk.
Jeg benytter følgende script:
---------------------------------
var button = new Array();
button[0] = new Image(165,19);
button[0].src = "but1off.gif";
button[1] = new Image(165,19);
button[1].src = "but1on.gif";
button[2] = new Image(165,19);
button[2].src = "but2off.gif";
button[3] = new Image(165,19);
button[3].src = "but2on.gif";
button[4] = new Image(165,19);
button[4].src = "but3off.gif";
button[5] = new Image(165,19);
button[5].src = "but3on.gif";
---------------------------------
Her er html-koderne:
---------------------------------
<a href="#" onmouseover="but1.src=button[1].src" onmouseout="but1.src=button[0].src" onClick="but1.src=button[1].src">
<img name="but1" id="but1" src="but1off.gif" width="165" height="19" border="0"></a><br>
<a href="#" onmouseover="but2.src=button[3].src" onmouseout="but2.src=button[2].src" onClick="but2.src=button[3].src">
<img name="but2" id="but2" src="but1off.gif" width="165" height="19" border="0"></a><br>
<a href="#" onmouseover="but3.src=button[5].src" onmouseout="but3.src=button[4].src" onClick="but3.src=button[5].src">
<img name="but3" id="but3" src="but1off.gif" width="165" height="19" border="0"></a><br>
