Hide/show layers virker ikke?
Jeg er ved at lave en hjemmeside for en, og skulle bruge den behavior der hedder Show/Hide layers, jeg har fået implementeret den, men den virker vist ikke.. Det skulle være sådan at når man kører musen ind over den knap der hedder "Where To Go" så skulle den vise et layer, og når man flyttede musen skulle den skjule det igen.. men ingen af delene virker.Er der nogen der kan se hvad der er galt?
( har den også liggende på http://www.palne.dk/nadia/test - det er måske mere overskueligt...? )
-----------------------------------------------
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_showHideLayers() { //v3.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
</head>
<body bgcolor="#000000" text="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('img/line_b.gif')">
<div id="menu" style="position:absolute; right:2; bottom:0; width:200; height:150; z-index: 1">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>
<td align="right" valign="bottom">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="right" valign="bottom"><a href="java script:;" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('line_menu','','img/line_b.gif',1)"><img src="img/links.gif" width="52" height="33" border="0"></a> </td>
</tr>
<tr>
<td align="right" valign="bottom"><img src="img/billeder.gif" width="110" height="33">
</td>
</tr>
<tr>
<td align="right" valign="bottom"><img src="img/party_pics.gif" width="111" height="33">
</td>
</tr>
<tr>
<td align="right" valign="bottom"><a href="java script:;" onMouseOver="MM_showHideLayers('links','','show')" onMouseOut="MM_showHideLayers('links','','hide')"><img src="img/where_to_go.gif" width="111" height="33" border="0"></a> </td>
</tr>
<tr>
<td height="9"><img src="img/spacer.gif" width="200" height="9" name="line_menu"></td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<div id="links" style="position:absolute; width:300; height:30; z-index:2; visibility: hidden; right: 202px; bottom: 0px">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>
<td align="left" valign="bottom"><font face="Arial, Helvetica, sans-serif">De
bedste sider på nettet.</font></td>
</tr>
<tr>
<td height="9"><img src="img/line_b.gif" width="300" height="9"></td>
</tr>
</table>
</div>
<table width="100%" border="1" cellspacing="0" cellpadding="0" height="100%" bordercolor="#FFFFFF">
<tr>
<td align="center" valign="middle"><img src="img/rose.jpg" width="590" height="480"></td>
</tr>
</table>
</body>
</html>
