Show/Hide virker ikke i Firefox
Hej.Jeg har fundet følgende javascript i en gammel tråd og den virker da også helt perfekt i IE .. men desværre sker der intet i firefox.
Håber der er nogen der kan hjælpe.
Koden:
<html>
<head>
<title>MouseOver 1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript">
<!--
// Bestemmelse af browseren
n=document.layers;
ie=document.all;
// Globale cross-browser show/hide variabler
if (n) {
visible='show';
hidden='hide'; }
else if (ie) {
visible='visible';
hidden='hidden';}
// Funktion til at vise lag
function vis_lag(menuid){
if(n) {document.layers[menuid].visibility=visible; document.layers["lag0"].visibility=hidden;}
else if (ie) {document.all(menuid).style.visibility=visible; document.all("lag0").style.visibility=hidden;}
}
// Funktion til at skjule lag
function skjul_lag(menuid){
if(n) {document.layers[menuid].visibility=hidden; document.layers["lag0"].visibility=visible;}
else if (ie) {document.all(menuid).style.visibility=hidden; document.all("lag0").style.visibility=visible;}
}
//-->
</script>
<style type="text/css">
.lag {position:absolute;
left: 210;
top: 10px;
width: 180px;
layer-background-color: #cccccc;
background-color: #cccccc;
border: 5px solid #cccccc;
color: #000000;
font-family: verdana, arial, helvetica;
font-size: 10px;
}
</style>
</head>
<body bgcolor="#FFFFFF" marginheight="0" marginwidth="0" leftmargin="0" topmargin="0">
<!-- --- Tekst lag --- //-->
<div id="lag0" style="z-index:0; visibility: visible" class="lag">
Denne tekst vil blive vist når man ikke rører nogle links</div>
<div id="lag1" style="z-index:1; visibility: hidden" class="lag">
Dette er det tekstfelt vises ved berøring af Link 1</div>
<div id="lag2" style="z-index:1; visibility: hidden" class="lag">
Dette er det tekstfelt vises ved berøring af Link 2</div>
<div id="lag3" style="z-index:1; visibility: hidden" class="lag">
Dette er det tekstfelt vises ved berøring af Link 3<br>der vises ikke noget billede da jeg ikke har lagt noget ud for link 3</div>
<div id="lag4" style="z-index:1; visibility: hidden" class="lag">
Dette er det tekstfelt vises ved berøring af Link 4<br>der vises ikke noget billede da jeg ikke har lagt noget ud for link 4</div>
<p><a href="link1.htm" onMouseOver="vis_lag('lag1')"; onMouseOut="skjul_lag('lag1')">Link1</a></p>
<p><a href="link2.htm" onMouseOver="vis_lag('lag2')"; onMouseOut="skjul_lag('lag2')">Link2</a></p>
<p><a href="link3.htm" onMouseOver="vis_lag('lag3')"; onMouseOut="skjul_lag('lag3')">Link3</a></p>
<p><a href="link4.htm" onMouseOver="vis_lag('lag4')"; onMouseOut="skjul_lag('lag4')">Link4</a></p>
</body>
</html>
