Opera, css och javascript

2 svar · 145 visningar · startad av jme 21 juni 2001

jmeMedlem sedan maj 20012 237 inlägg

Frågan21 juni 2001 08:22#1

Kan någon säga mig varför detta inte fungerar i Opera 5.0...


<html>
<head>
<title>blaha</title>

<style type="text/css">

#fin {

position: absolute;
left: 100;
top: 100;
visibility: hidden;
}

#eng {
left: 150;
top: 100;
position: absolute;
visibility: hidden;
}

</style>

<script language="javascript">

function hideAll()
{
      document.fin.visibility = "hide";
      document.eng.visibility = "hide";
}

function showMenu(val)
{
   hideAll();
   
      document.layers[val].visibility = "show";

   
   
} 

window.captureEvents(Event.RESIZE);
window.onResize=update;

function update()
{
	location.href="top.html";

}
</script>

</head>

<body>

<div ID="fin">
Testing...

</div>

<div id = "eng">
World
</div>
<a href="javascript:showMenu('fin')">Link</A><BR>
<a href="javascript:showMenu('eng')">Link</A><BR>
</BODY>
</HTML>

Tacksam för svar

JohnsenMedlem sedan juli 2000836 inlägg

21 juni 2001 12:36#2

För att Opera lyssnar till document.all

<html>
<head>
<title>blaha</title>

<style type="text/css">
#fin {position: absolute; left: 100; top: 100; visibility: hidden;}
#eng {position: absolute; left: 150; top: 100; visibility: hidden;}
</style>

<script language="javascript">
function hideAll(){
if(document.layers){document.layers["fin"].visibility="hide"; document.layers["eng"].visibility="hide";}
else if(document.all){document.all("fin").style.visibility="hidden"; document.all("eng").style.visibility="hidden";}
else if(document.getElementById){document.getElementById("fin").style.visibility="hidden"; document.getElementById("eng").style.visibility="hidden";}
}

function showMenu(val){
hideAll();
if(document.layers){document.layers[val].visibility="show";}
else if(document.all){document.all(val).style.visibility="visible";}
else if(document.getElementById){document.getElementById(val).style.visibility="visible";}
} 

window.onresize=update;

function update(){location.href="top.html";}
</script>

</head>

<body>

<div ID="fin">Testing...</div>
<div id="eng">World</div>

<a href="javascript:showMenu('fin')">Link</A><BR>
<a href="javascript:showMenu('eng')">Link</A><BR>

</body>
</html>

------------------
- J-O-H-N-S-E-N -

jmeMedlem sedan maj 20012 237 inlägg

26 juni 2001 07:38#3

Tack! Den verkar fungera fint