ik heb een probleempje. en dat is als volgt.
ik heb een website waarbij er een submenu verschijnt wanneer je over een link van het menu gaat. maar wanneer ik mijn site laad dan zie ik het submenu nog niet en die wil ik bij laden al zien.
ik ken javascript nog niet zo goed. maar ik zat zelf te denken om "window.onload=montre;" weg te laten en dan moet ik "montre('smenu1');" nog ergens melden dat hij dat bij het laden moet doen. maar hoe doe ik dat?
voor alle duidelijkheid kun je hier klikken om naar mijn site te gaan om te zien hoe alles is opgebouwd.
ik heb een website waarbij er een submenu verschijnt wanneer je over een link van het menu gaat. maar wanneer ik mijn site laad dan zie ik het submenu nog niet en die wil ik bij laden al zien.
ik ken javascript nog niet zo goed. maar ik zat zelf te denken om "window.onload=montre;" weg te laten en dan moet ik "montre('smenu1');" nog ergens melden dat hij dat bij het laden moet doen. maar hoe doe ik dat?
voor alle duidelijkheid kun je hier klikken om naar mijn site te gaan om te zien hoe alles is opgebouwd.
Code:
<html>
<head>
<title>Home</title>
<script type="text/javascript">
<!-- Begin de Mouseover Code
if (document.images)
{
i4 = new Image
i5 = new Image
i6 = new Image
i7 = new Image
i14 = new Image
i15 = new Image
i16 = new Image
i17 = new Image
i4.src = 'bg04.bmp'
i5.src = 'bg05.bmp'
i6.src = 'bg06.bmp'
i7.src = 'bg07.bmp'
i14.src = 'bg14.bmp'
i15.src = 'bg15.bmp'
i16.src = 'bg16.bmp'
i17.src = 'bg17.bmp'
}
// einde Mouseover Code-->
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
// einde Submenu Code-->
</script>
<link rel="stylesheet" type="text/css" href="link.css" media="screen, projection">
<style type="text/css">
body {margin: 0px; padding: 0;}
dt, dd, {list-style-type: none; margin: 0px; padding: 0;}
#smenu1, #smenu2, #smenu3, #smenu4 {width: 950px; margin: 0px;}
</style>
</head>
<body background="bg.BMP" topmargin="0" leftmargin="0" bgcolor="#FFFFFF">
<table width="1000" border="0" cellpadding="0" cellspacing="0" align="center">
<tr><td COLSPAN=5 background="bg00.BMP" HEIGHT="15" WIDTH="1000"></td></tr>
<tr><td><dt onMouseOver="montre('smenu1');"><a href="index.html" onMouseOver="document.mouse4.src=i14.src; document.mouse5.src=i5.src; document.mouse6.src=i6.src; document.mouse7.src=i7.src"><img name="mouse4" src="bg04.BMP" width="150" height="50" border="0"></a></dt></td><td><dt onMouseOver="montre('smenu2');"><a href="creaties.html" onMouseOver="document.mouse4.src=i4.src; document.mouse5.src=i15.src; document.mouse6.src=i6.src; document.mouse7.src=i7.src"><img name="mouse5" src="bg05.BMP" width="150" height="50" border="0"></a></dt></td><td><dt onMouseOver="montre('smenu3');"><a href="mapping.html" onMouseOver="document.mouse4.src=i4.src; document.mouse5.src=i5.src; document.mouse6.src=i16.src; document.mouse7.src=i7.src"><img name="mouse6" src="bg06.BMP" width="150" height="50" border="0"></a></dt></td><td><dt><img src="bg02.BMP" width="400" height="50" border="0"></dt></td><td><dt onMouseOver="montre('smenu4');"><a href="contact.html" onMouseOver="document.mouse4.src=i4.src; document.mouse5.src=i5.src; document.mouse6.src=i6.src; document.mouse7.src=i17.src"><img name="mouse7" src="bg07.BMP" width="150" height="50" border="0"></a></dt></td></tr>
<tr><td COLSPAN=5 background="bg01.BMP" HEIGHT="25" WIDTH="1000">
<dd id="smenu1"><a href="over_mijzelf.html" class="sub">Over Mijzelf</a> <a href="links.html" class="sub">Links</a> <a href="muziek.html" class="sub">Muziek</a> <a href="moppen.html" class="sub">Moppen</a> <a href="extras.html" class="sub">Extra's</a></dd>
<dd id="smenu2"><a href="computer.html" class="sub">Computer</a> <a href="ligfiets1.html" class="sub">Ligfiets1</a> <a href="ligfiets2.html" class="sub">ligfiets2</a></dd>
<dd id="smenu3"><a href="radiant.html" class="sub">Radiant</a> <a href="sniperworld.html" class="sub">Sniperworld</a></dd>
<dd id="smenu4"><a href="mail.html" class="sub">Mail</a> <a href="gastenboek.html" class="sub">Gastenboek</a> <a href="chat.html" class="sub">Chat</a> <a href="forum.html" class="sub">Forum</a></dd>
</td></tr>
<tr><td COLSPAN=5 background="bg03.BMP" HEIGHT="1000" WIDTH="1000" valign="top" STYLE="padding: 20px 10px;">
TEKST
</td></tr></table>
</body>
</html>
dank je
