Hallo!
Ik heb een topmenu in javascript van internet gehaald.
Nu wil ik graag dat dat menu gewoon doorloop in andere frames, zeg maar dat dat frame boven de anderen ligt.....
Hoe kan ik dat instellen?
Hierbij mijn HTML van die pagina
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>New Page 2</title>
<base target="main">
<style>
<!-- verander hieronder het lettertype en de kleuren -->
body{font-family:verdana;}
table{font-size:80%;background:black}
a{color:black;text-decoration:none;font:bold}
a:hover{color:#FF0000}
td.menu{background:#CCFFCC}
table.menu
{
font-size:100%;
position:absolute;
visibility:hidden;
}
</style>
<base target="_blank">
<!-- verander hierboven de tqarget in de framenaam waar de links in moeten openen -->
</head>
<body>
<script language="JavaScript">
function toonmenu(elmnt)
{
document.all(elmnt).style.visibility="visible"
}
function verstopmenu(elmnt)
{
document.all(elmnt).style.visibility="hidden"
}
</script>
<table width="100%">
<tr bgcolor="#CCCCFF">
<td onmouseover="toonmenu('site1')" onmouseout="verstopmenu('site1')">
<a href="http://www.leejoo.nl">Site 1</a><br />
<table class="menu" id="site1" width="100%">
<tr><td class="menu"><a href="pag1.htm">Wie</a></td></tr>
<tr><td class="menu"><a href="pag2.htm">Wat</a></td></tr>
<tr><td class="menu"><a href="pag3.htm">Waar</a></td></tr>
<tr><td class="menu"><a href="pag4.htm">Waarom</a></td></tr>
<tr><td class="menu"><a href="pag5.htm">Wanneer</a></td></tr>
</table>
</td>
<td onmouseover="toonmenu('site2')" onmouseout="verstopmenu('site2')">
<a href="http://www.leejoo.nl">Site 2</a><br />
<table class="menu" id="site2" width="100%">
<tr><td class="menu"><a href="pag1.htm">Wie</a></td></tr>
<tr><td class="menu"><a href="pag2.htm">Wat</a></td></tr>
<tr><td class="menu"><a href="pag3.htm">Waar</a></td></tr>
<tr><td class="menu"><a href="pag4.htm">Waarom</a></td></tr>
<tr><td class="menu"><a href="pag5.htm">Wanneer</a></td></tr>
</table>
</td>
<td onmouseover="toonmenu('site3')" onmouseout="verstopmenu('site3')">
<a href="http://www.leejoo.nl">Site 3</a><br />
<table class="menu" id="site3" width="100%">
<tr><td class="menu"><a href="pag1.htm">Wie</a></td></tr>
<tr><td class="menu"><a href="pag2.htm">Wat</a></td></tr>
<tr><td class="menu"><a href="pag3.htm">Waar</a></td></tr>
<tr><td class="menu"><a href="pag4.htm">Waarom</a></td></tr>
<tr><td class="menu"><a href="pag5.htm">Wanneer</a></td></tr>
</table>
</td>
</table>
</body>
</html>
Ik heb een topmenu in javascript van internet gehaald.
Nu wil ik graag dat dat menu gewoon doorloop in andere frames, zeg maar dat dat frame boven de anderen ligt.....
Hoe kan ik dat instellen?
Hierbij mijn HTML van die pagina
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>New Page 2</title>
<base target="main">
<style>
<!-- verander hieronder het lettertype en de kleuren -->
body{font-family:verdana;}
table{font-size:80%;background:black}
a{color:black;text-decoration:none;font:bold}
a:hover{color:#FF0000}
td.menu{background:#CCFFCC}
table.menu
{
font-size:100%;
position:absolute;
visibility:hidden;
}
</style>
<base target="_blank">
<!-- verander hierboven de tqarget in de framenaam waar de links in moeten openen -->
</head>
<body>
<script language="JavaScript">
function toonmenu(elmnt)
{
document.all(elmnt).style.visibility="visible"
}
function verstopmenu(elmnt)
{
document.all(elmnt).style.visibility="hidden"
}
</script>
<table width="100%">
<tr bgcolor="#CCCCFF">
<td onmouseover="toonmenu('site1')" onmouseout="verstopmenu('site1')">
<a href="http://www.leejoo.nl">Site 1</a><br />
<table class="menu" id="site1" width="100%">
<tr><td class="menu"><a href="pag1.htm">Wie</a></td></tr>
<tr><td class="menu"><a href="pag2.htm">Wat</a></td></tr>
<tr><td class="menu"><a href="pag3.htm">Waar</a></td></tr>
<tr><td class="menu"><a href="pag4.htm">Waarom</a></td></tr>
<tr><td class="menu"><a href="pag5.htm">Wanneer</a></td></tr>
</table>
</td>
<td onmouseover="toonmenu('site2')" onmouseout="verstopmenu('site2')">
<a href="http://www.leejoo.nl">Site 2</a><br />
<table class="menu" id="site2" width="100%">
<tr><td class="menu"><a href="pag1.htm">Wie</a></td></tr>
<tr><td class="menu"><a href="pag2.htm">Wat</a></td></tr>
<tr><td class="menu"><a href="pag3.htm">Waar</a></td></tr>
<tr><td class="menu"><a href="pag4.htm">Waarom</a></td></tr>
<tr><td class="menu"><a href="pag5.htm">Wanneer</a></td></tr>
</table>
</td>
<td onmouseover="toonmenu('site3')" onmouseout="verstopmenu('site3')">
<a href="http://www.leejoo.nl">Site 3</a><br />
<table class="menu" id="site3" width="100%">
<tr><td class="menu"><a href="pag1.htm">Wie</a></td></tr>
<tr><td class="menu"><a href="pag2.htm">Wat</a></td></tr>
<tr><td class="menu"><a href="pag3.htm">Waar</a></td></tr>
<tr><td class="menu"><a href="pag4.htm">Waarom</a></td></tr>
<tr><td class="menu"><a href="pag5.htm">Wanneer</a></td></tr>
</table>
</td>
</table>
</body>
</html>
