ketankshah
IS-IT--Management
I am facing a peculiar problem in Netscape. I am sending you my script. The problem is when I have 2 hidden layers along with one child layer in each, it is showing 2nd layer as visible instead of hidden and the position is also not as per the requirement. To check the script, please replace the image name to which ever you are using in line 35. I have mapped the image in two areas to test the mouseover effect to make the layer visible.
The logic I want is when the page is loaded both the layers should be hidden. On mouse over on first mapping area, Layer 1 should be visible and on mouseover on second mapping area, Layer 2 should be visible. The problem is only when I put a child layer in each of the parent layer.
Please help.
The script
----------
<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_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[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && document.getElementById) x=document.getElementById; return x;
}
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))!=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="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<img src="images/becomemember1.gif" width="105" height="27" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="52,5,100,24" href="#" onMouseOver="MM_showHideLayers('Layer1','','show')" onMouseOut="MM_showHideLayers('Layer1','','hide')">
<area shape="rect" coords="1,8,45,23" href="#" onMouseOver="MM_showHideLayers('Layer2','','show')" onMouseOut="MM_showHideLayers('Layer2','','hide')">
</map>
<span id="Layer1" style="position:absolute; width:120px; height:50px; z-index:1; left: 127px; top: 64px; background-color: #66FF99; layer-background-color: #66FF99; border: 1px none #000000; visibility: hidden">
<span id="Layer6" style="position:absolute; width:91px; height:22px; z-index:7; left: 20px; top: 25px; visibility: inherit">Child
Layer 1</span> Layer 1</span>
<div id="Layer2" style="position:absolute; width:134px; height:55px; z-index:2; left: 249px; top: 47px; background-color: #00FF00; layer-background-color: #00FF00; border: 1px none #000000; visibility: hidden">
<span id="Layer7" style="position:absolute; width:96px; height:18px; z-index:7; left: 20px; top: 31px; visibility: inherit">Child
Layer2</span> Layer 2</div>
</body>
</html>
The logic I want is when the page is loaded both the layers should be hidden. On mouse over on first mapping area, Layer 1 should be visible and on mouseover on second mapping area, Layer 2 should be visible. The problem is only when I put a child layer in each of the parent layer.
Please help.
The script
----------
<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_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[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && document.getElementById) x=document.getElementById
; return x;}
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))!=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="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<img src="images/becomemember1.gif" width="105" height="27" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="52,5,100,24" href="#" onMouseOver="MM_showHideLayers('Layer1','','show')" onMouseOut="MM_showHideLayers('Layer1','','hide')">
<area shape="rect" coords="1,8,45,23" href="#" onMouseOver="MM_showHideLayers('Layer2','','show')" onMouseOut="MM_showHideLayers('Layer2','','hide')">
</map>
<span id="Layer1" style="position:absolute; width:120px; height:50px; z-index:1; left: 127px; top: 64px; background-color: #66FF99; layer-background-color: #66FF99; border: 1px none #000000; visibility: hidden">
<span id="Layer6" style="position:absolute; width:91px; height:22px; z-index:7; left: 20px; top: 25px; visibility: inherit">Child
Layer 1</span> Layer 1</span>
<div id="Layer2" style="position:absolute; width:134px; height:55px; z-index:2; left: 249px; top: 47px; background-color: #00FF00; layer-background-color: #00FF00; border: 1px none #000000; visibility: hidden">
<span id="Layer7" style="position:absolute; width:96px; height:18px; z-index:7; left: 20px; top: 31px; visibility: inherit">Child
Layer2</span> Layer 2</div>
</body>
</html>
