C
chris
i found this script (full test page) on a forum and it was supposed to work
in netscape 4+ and ie - it works fine in IE but wont work in netscape
can anyone shed any lite on this
thanks
-------------------------------------
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--//
var layer_id;
function popUp(layer_id) {
if (document.all){
document.all[layer_id].style.visibility="visible"
}
else
if(document.layers){
document.layers[layer_id].visibility="show"
}
}
function hide(layer_id){
if (document.all){
document.all[layer_id].style.visibility="hidden"
}
else
if(document.layers){
document.layers[layer_id].visibility="hide"
}
}
//-->
</script>
<style>
..layer_1 { POSITION: absolute; VISIBILITY: hidden; TOP: 37px; LEFT: 100px;
padding: 5px 10px 5px 10px; }
..layer_2 { POSITION: absolute; VISIBILITY: hidden; TOP: 37px; LEFT: 100px;
padding: 5px 10px 5px 10px; }
</style>
</head>
<body bgcolor="#FFFFFF">
<a href="#" onMouseOver="popUp('la_1')"
onMouseOut="hide('la_1')">testlayer_1</a>
<a href="#" onMouseOver="popUp('la_2')"
onMouseOut="hide('la_2')">testlayer_2</a>
<div id="la_2" class="layer_2">
<layer name="la_2">
<table><tr><td>this is layer 2<td></tr></table>
</layer>
</div>
<div id="la_1" class="layer_1">
<table><tr><td>this is layer 1<td></tr></table>
</div>
</body>
</html>
in netscape 4+ and ie - it works fine in IE but wont work in netscape
can anyone shed any lite on this
thanks
-------------------------------------
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--//
var layer_id;
function popUp(layer_id) {
if (document.all){
document.all[layer_id].style.visibility="visible"
}
else
if(document.layers){
document.layers[layer_id].visibility="show"
}
}
function hide(layer_id){
if (document.all){
document.all[layer_id].style.visibility="hidden"
}
else
if(document.layers){
document.layers[layer_id].visibility="hide"
}
}
//-->
</script>
<style>
..layer_1 { POSITION: absolute; VISIBILITY: hidden; TOP: 37px; LEFT: 100px;
padding: 5px 10px 5px 10px; }
..layer_2 { POSITION: absolute; VISIBILITY: hidden; TOP: 37px; LEFT: 100px;
padding: 5px 10px 5px 10px; }
</style>
</head>
<body bgcolor="#FFFFFF">
<a href="#" onMouseOver="popUp('la_1')"
onMouseOut="hide('la_1')">testlayer_1</a>
<a href="#" onMouseOver="popUp('la_2')"
onMouseOut="hide('la_2')">testlayer_2</a>
<div id="la_2" class="layer_2">
<layer name="la_2">
<table><tr><td>this is layer 2<td></tr></table>
</layer>
</div>
<div id="la_1" class="layer_1">
<table><tr><td>this is layer 1<td></tr></table>
</div>
</body>
</html>