der skal laves 3 forskellige funktioner til de 3 forskellige hændelser:
<script type='text/javascript'>
var husk = false;
function findImg ( imgNavn ) {
var imgElem = document.images[ imgNavn ];
if ( ! imgElem.offBilled ) {
imgElem.offBilled = imgElem.href;
}
return imgElem;
}; //end findImg ( String ) -> HTML image objekt
function onOver ( imgNavn, billedFilNavn ) {
if ( imgNavn == husk ) return;
var imgElem = findImg( imgNavn );
imgElem.src = billedFilNavn;
}; //end onOver ( String, String )
function onOut ( imgNavn ) {
if ( imgNavn == husk ) return;
var imgElem = findImg( imgNavn );
imgElem.src = imgElem.offBilled;
}; //end onOut ( String )
function onClick ( imgNavn, billedFilNavn ) {
if ( imgNavn == husk ) return;
var imgElem = findImg( imgNavn );
if ( husk != "" ) {
var temp = findImg( husk );
temp.src = temp.offBilled; // gendan den forrige.
}
imgElem.src = billedFilNavn; // sær denne til at være 'den klikkede'
husk = imgNavn;
}; //end onClick ( String, String )
</script>
og dit link bliver:
<TD height="1" width="34">
<A HREF="bund.php?mainid=1&subid=1" target="bottom"
ONMOUSEOVER="onOver('top_01', 'top/top_01-over.gif'); return true;"
ONMOUSEOUT="onOut('top_01'); return true;">
Onclick="onKlik('top_01', 'top/top_01-over.gif'); return true;">
<IMG NAME="top_01" SRC="top/top_01.gif" BORDER=0></A></TD>
PS: pas på med at lave linieskift inde midt i en handeler (som fx strengen efter onmouseout=
mvh JakobA
