I
Ingmund Sjåstad
Trying to make a dropdown menu. I working nice in IE6 but when I try a link
in Netscape 7 nothing happens.
Can anybody help me?
<html>
<head>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>JS</title>
</head>
<body>
<script language="JavaScript" type="text/JavaScript">
var px="px";
function getStyle(elemName) {
var elem;
if (document.getElementById) { elem=document.getElementById(elemName);}
else if (document.all) { elem=document.all[elemName];}
else if (document.layers) { elem=document.layers[elemName]; px="";}
else {return null;}
if (!elem.style) {
return elem;
}
return elem.style;
}
function hideElement(elemName) {
var style=getStyle(elemName);
if (style) {
style.visibility="hidden";
style.width=1+px;
style.height=1+px;
}
}
function showElement(elemName) {
var style=getStyle(elemName);
if (style) {
style.visibility="visible";
style.width=150+px;
style.height=80+px;
}
}
</script>
<br><br>
<a href="javascript:hideElement('test')">
<div style="position:absolute; z-index:1; left: 25px; top: 10px;"
border="0" onMouseOver="showElement('test')"
onMouseOut="hideElement('test')">
<strong>Meny<strong>
</div>
</a>
<div id="test" style="position:absolute; z-index:1; left: 25px; top: 31px;
width: 0px; height: 0px; background-color: white; overflow: hidden"
onClick="hideElement('test')" onMouseOver="showElement('test')"
onMouseOut="hideElement('test')">
<a href="mailto:[email protected]">[email protected]</a><br>
<a href="http://groups.google.com">Google groups</a><br>
<a href="http://www.yahoo.com">Yahoo</a>
</div>
</body>
</html>
in Netscape 7 nothing happens.
Can anybody help me?
<html>
<head>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>JS</title>
</head>
<body>
<script language="JavaScript" type="text/JavaScript">
var px="px";
function getStyle(elemName) {
var elem;
if (document.getElementById) { elem=document.getElementById(elemName);}
else if (document.all) { elem=document.all[elemName];}
else if (document.layers) { elem=document.layers[elemName]; px="";}
else {return null;}
if (!elem.style) {
return elem;
}
return elem.style;
}
function hideElement(elemName) {
var style=getStyle(elemName);
if (style) {
style.visibility="hidden";
style.width=1+px;
style.height=1+px;
}
}
function showElement(elemName) {
var style=getStyle(elemName);
if (style) {
style.visibility="visible";
style.width=150+px;
style.height=80+px;
}
}
</script>
<br><br>
<a href="javascript:hideElement('test')">
<div style="position:absolute; z-index:1; left: 25px; top: 10px;"
border="0" onMouseOver="showElement('test')"
onMouseOut="hideElement('test')">
<strong>Meny<strong>
</div>
</a>
<div id="test" style="position:absolute; z-index:1; left: 25px; top: 31px;
width: 0px; height: 0px; background-color: white; overflow: hidden"
onClick="hideElement('test')" onMouseOver="showElement('test')"
onMouseOut="hideElement('test')">
<a href="mailto:[email protected]">[email protected]</a><br>
<a href="http://groups.google.com">Google groups</a><br>
<a href="http://www.yahoo.com">Yahoo</a>
</div>
</body>
</html>