Jag är ny när det gäller Javascript inom webdesign så jag tänkte att jag skulle lära mig detta. Jag började med att "låna" ett Javascript från en hemsida som jag tyckte verkade intressant. Men sedan har jag anpassat det efter min egen hemsida men inte fått det och funka, kan någon vara snäll och hjälpa mig felsöka så att säga.
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
<!--
if (document.images) {
menu_unpressed = new Image(150,75); menu_unpressed.src = "menu_unpressed.gif";
menuopen1 = new Image(150,75); menuopen1.src = "menuopen1.gif";
menuopen2 = new Image(150,75); menuopen2.src = "menuopen2.gif";
menuopen3 = new Image(150,75); menuopen3.src = "menuopen3.gif";
}
function hiLite(imgName,imgObjName) {
if (document.images) {
document.images[imgName].src = eval(imgObjName + ".src");
}}
function nada() {
}
if(document.images){
picture_source = "menu_unpressed.gif"
}else{
picture_source = "menu_pressed.gif"
}
//-->
</SCRIPT>
</head>
<body>
<SCRIPT LANGUAGE="javascript">
<!--
document.write("<A HREF=\"javascript:nada()\">
<IMG SRC=\""+picture_source+"\" width=150 height=75 NAME=\"img09\" border=0 USEMAP=\"#dir1\"></A>");
//-->
</SCRIPT>
<NOSCRIPT>
<IMG SRC="menuopen1.gif" WIDTH="150" HEIGHT="75" BORDER="0" USEMAP="#dir2" ALT="Menu">
</NOSCRIPT>
<MAP NAME="dir1">
<AREA SHAPE="rect" COORDS="0,0,56,12" HREF="javascript:nada()" onMouseOver="hiLite('img09','menuopen1')">
<AREA SHAPE="rect" COORDS="8,23,98,39" HREF="home.html" onMouseOver="hiLite('img09','menuopen2')">
<AREA SHAPE="rect" COORDS="8,42,98,58" HREF="mailto:me@home" onMouseOver="hiLite('img09','menuopen3')">
<AREA SHAPE="rect" COORDS="0,0,98,58" HREF="javascript:nada()" onMouseOver="hiLite('img09','menu_upressed')" onMouseOut="hiLite('img09','menu_unpressed')">
</MAP>
<MAP NAME="dir2">
<AREA SHAPE="rect" COORDS="8,23,98,39" HREF="home.html">
<AREA SHAPE="rect" COORDS="8,42,98,58" HREF="mailto:me@home">
</MAP>
</body>
</html>