Hey i has to hang if you dont help me

**Danial** · Mar 10th, 2001, 09:40 AM

Hi Aniz,
Here is a simple example of how u can hide/show layers in NS,

This wrote the code in a hurry , so it might contain errors, i will post a better version of the code when i get home from work in few hours.

Hope this helps

Code:

<html>
<head>
<script>
function testit()
{
var vis;
vis=document.layers["test"].visibility;


if (vis=="hide")
	{
	document.layers["test"].visibility="visible";
	document.form1.btn1.value="Hide";
	}
else
	{
	document.layers["test"].visibility="hidden";
	document.form1.btn1.value="Show";
	}
}
</script>
</head>
<body>
<layer name="test" >
<h1>Test</h1>
</layer>
<br><br><br>
<form name=form1>
<input type =button value="Hide" onclick="javascript:testit()" name=btn1>

</form>
</body>
</html>

**Danial** · Mar 11th, 2001, 12:05 PM

Hi Aniz,
Here is a simple example of layer which works in IE and Netscape.

Hope this helps

Code:

<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft FrontPage 4.0">
<TITLE></TITLE>

<script>
var ie4,ns4;

ie4 = ((navigator.appName == "Microsoft Internet Explorer") && (parseInt(navigator.appVersion) >= 4 ))
ns4 = ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) >= 4 ))


function showlayer(layername)
{

	if (ie4)
	{
	eval("document.all."+layername+".style.visibility='visible'");
	}
	else
	{
	document.layers[layername].visibility="visible";
	}
}

function hidelayer(layername)
{
	if (ie4)
	{
	eval("document.all."+layername+".style.visibility='hidden'");
	}
	else
	{
	document.layers[layername].visibility="hidden";
	}
}	




</script>


</HEAD>
<BODY bgcolor="#66CCCC">
<div id="info" style="position:absolute; left:283px; top:102px; width:368px; height:79px; z-index:1; background-color: #999999; layer-background-color: #999999; border: 1px none #000000; visibility: hidden"><b>This 
  is a simple example of Layer which both works in IE and Netscape. This example 
  uses the DIV tag to define the layers.</b></div>
<div id="Layer2" style="position:absolute; left:283px; top:188px; width:368px; height:46px; z-index:2"> 
  <div align="center">
    <h3><a href="#" onmouseOver="javascript:showlayer('info')" onmouseout="javascript:hidelayer('info')" >Show Info </a></h3>
  </div>
</div>
<p align="center">&nbsp; 
</BODY>
</HTML>

**Kagey** · Mar 11th, 2001, 06:02 PM

Now the poor fellow can live until his next assignment

Thread: Hey i has to hang if you dont help me

Thread Tools

Display

Posting Permissions