Skift af baggrundsgrafik ved mouse over, og link på celle
Jeg forsøger mig med noget lidt avanceret mouse over, men kan ikke helt få det til at funke.Jeg har en tabel, hvor jeg gerne vil have baggrundsgrafikken til at skifte i en celle, når musen er over en celle, og cellen skal samtidig virke som link.
Men det funker ikke helt :o/
Sådan ser min kode ud:
--------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Mouse over eksperiment</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<script>
function Change(Image) {
srcElem = window.event.srcElement;
srcElem.style.background = "URL("+Image+")"
}
</script>
<body>
<table width="170" border="0" cellspacing="2" cellpadding="2" bgcolor="#000000" bordercolor="#6666CC">
<tr>
<td background="baggrund_tonet_lilla.jpg" onMouseOver="Change('baggrund_tonet_select.jpg')" onMouseOut="Change('baggrund_tonet_lilla.jpg')" onClick="window.open(http://www.rob.dk)" style="cursor:hand;">Start</td>
</tr>
</table>
</body>
</html>
--------------------------------------------------------
Koden kan ses 'in action' på http://rob.dk/eksperten/mouse_over/
Hvorfor fejler den?
Hvorfor åbner linket ikke som ventet (samme vindue)?
/Rob
