Samme billede på flere knapper
Jeg har 3 forskellige knapper som er slet, rediger og læs. Disse 3 knapper går igen 10 gange på min side (een gang for hver post i databasen).Jeg bruger dette script til "rollover-funktion":
---------------------------------
<script language="JavaScript">
<!--
if (document.images) {
img1_on = new Image();
img1_on.src = "laes_over.gif";
img1_off = new Image();
img1_off.src = "laes.gif";
img2_on = new Image();
img2_on.src = "rediger_over.gif";
img2_off = new Image();
img2_off.src = "rediger.gif";
img3_on = new Image();
img3_on.src = "slet_over.gif";
img3_off = new Image();
img3_off.src = "slet.gif";
}
function ms( imagename, action ) {
if ( document.images ) {
eval('document.images.' +imagename + '.src=' + imagename + '_' + action +'.src');
}
}
//-->
</script>
-----------------------------------------------
Og denne kode på selve linket (med hhv. 'img1' til laes, 'img2' til rediger og 'img3' til slet):
-----------------------------------------------
<a href="blabla.htm" target="_self" onMouseOver="ms('img1', 'on')" onMouseOut="ms('img1', 'off')" onFocus="this.blur()"><img name="img1" border="0" src="laes.gif" width="40" height="18"></a>
--------------------------------------------
Koden virker ikke fordi jeg har 10 knapper som hedder img1 og 10 knapper som hedder img2 og 10 med img3. Koden kan åbenbart ikke finde ud af, f.eks. hvilken af de 10 læsknapper jeg markerer.
MIT SPØRGSMÅL:
Hvordan justerer jeg min kode, så de 10 "laes"-knapper individuelt kan hente det samme billede "on rollover" (- og tilsvarende med "rediger" og "slet")?
(((Jeg kunne ændre så alle knapper havde fortløbende img-numre, fra img1 til img30 - men det er både meget besværligt og ikke ideelt!)))
