uitklapmenu klapt niet uit in FF

Door Enrico - op 11-06-2009 09:55

576 views

Ik gebruik het volgende script voor een uitklapmenu. In IE gaat het perfect, maar in FF weigert hij uit te klappen.
Iemand enig idee wat ik er aan moet veranderen zodat hij het in beide browsers goed doet?


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
#u1, #u2, #u3, #u4 {
display: none;
}
</style>

<script language="JavaScript">
function url1() {
u1.style.display='block'
u2.style.display='none'
u3.style.display='none'
u4.style.display='none'
}

function url2() {
u1.style.display='none'
u2.style.display='block'
u3.style.display='none'
u4.style.display='none'
}

function url3() {
u1.style.display='none'
u2.style.display='none'
u3.style.display='block'
u4.style.display='none'
}

function url4() {
u1.style.display='none'
u2.style.display='none'
u3.style.display='none'
u4.style.display='block'
}
</script>

</head>
<body>


<a href="#" onClick="url1()">Link1</a><br />
	<div id="u1"><a href="#">Link1.1</a><br />
                     link 1.2</div>
<a href="#" onClick="url2()">Link2</a><br /> 
	<div id="u2">link 2.1</div>
<a href="#" onClick="url3()">Link3</a><br /> 
	<div id="u3">link 3.1</div>
<a href="#" onClick="url4()">Link4</a><br /> 
	<div id="u4">link 4.1</div>
</body>
</html>

- SanThe -

11-06-2009 09:59

Pas je post even aan en gebruik [ignore]

en

[/ignore] tags om je code heen. Om php code zet je uiteraard dit:<?php en ?>Gebruik je

knop om dit te doen.

SanThe.

Tamara

11-06-2009 10:03


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<style type="text/css">
#u1, #u2, #u3, #u4 {
display: none;
}
</style>

<script type="text/javascript">
function url1() {
document.getElementById('u1').style.display='block'
document.getElementById('u2').style.display='none'
document.getElementById('u3').style.display='none'
document.getElementById('u4').style.display='none'
}

function url2() {
document.getElementById('u1').style.display='none'
document.getElementById('u2').style.display='block'
document.getElementById('u3').style.display='none'
document.getElementById('u4').style.display='none'
}

function url3() {
document.getElementById('u1').style.display='none'
document.getElementById('u2').style.display='none'
document.getElementById('u3').style.display='block'
document.getElementById('u4').style.display='none'
}

function url4() {
document.getElementById('u1').style.display='none'
document.getElementById('u2').style.display='none'
document.getElementById('u3').style.display='none'
document.getElementById('u4').style.display='block'
}
</script>

</head>
<body>


<a href="#" onClick="url1()">Link1</a><br />
<div id="u1"><a href="#">Link1.1</a><br />
link 1.2</div>
<a href="#" onClick="url2()">Link2</a><br />
<div id="u2">link 2.1</div>
<a href="#" onClick="url3()">Link3</a><br />
<div id="u3">link 3.1</div>
<a href="#" onClick="url4()">Link4</a><br />
<div id="u4">link 4.1</div>
</body>
</html>

Enrico -

11-06-2009 11:21

duizendmaal dank

Reageren

Inloggen om te reageren