Dropdown menu omzetten

[Jive1]

Hey!

Ik heb onderstaand dropdownmenu samengesteld, maar vermits de uitvallende submenus soms nogal lang worden, en ik dat menu in een frame bovenaan het scherm wil zetten, zijn die submenus niet allemaal te zien, omdat die niet over de framerand gaan.

Ziehier het menu:

<div id="wrapper">

<ul id="nav">

<li><a href="korte historiek.htm">Geschiedenis</a>

<ul>

<li><a href="korte historiek.html">Overzicht</a></li>

<li><a href="korte historiek.html">Tijdslijn</a></li>

<li><a href="korte historiek.html">...</a></li>

<li><a href="korte historiek.html">...</a></li>

<li><a href="korte historiek.html">...</a></li>

<li><a href="korte historiek.html">...</a></li>

<li><a href="korte historiek.html">...</a></li>

<li><a href="korte historiek.html">...</a></li>

<li><a href="korte historiek.html">...</a></li>

</ul></li>

<li><a href="menu.htm#cat">Kweekdieren</a>

<ul>

<li><a href="korte historiek.html">Stamvaders</a></li>

<li><a href="korte historiek.html">Edelherten</a></li>

<li><a href="korte historiek.html">Witte edelhertens</a></li>

<li><a href="korte historiek.html">Trofeebokken</a></li>

<li><a href="korte historiek.html">...</a></li>

<li><a href="korte historiek.html">...</a></li>

<li><a href="korte historiek.html">...</a></li>

<li><a href="korte historiek.html">...</a></li>

</ul></li>

<li><a href="menu.htm#int">Educatie</a>

<ul>

<li><a href="korte historiek.html">Rondleidingen</a></li>

<li><a href="korte historiek.html">Wandelleerpad</a></li>

<li><a href="korte historiek.html">Toekomstleerpad</a></li>

<li><a href="korte historiek.html">Rondleidingen</a></li>

<li><a href="korte historiek.html">Workshops</a></li>

<li><a href="korte historiek.html">Verjaardagsfeest</a></li>

<li><a href="korte historiek.html">.....</a></li>

</ul></li>

</ul>

</div>

Het menu staat namelijk in een kombatie als hieronder:

<FRAMESET ROWS="180,*" ;border:1 ;border-color="#00a4de">

<FRAME SRC="boven.html"> dit

<FRAMESET COLS="8%,92%">

<FRAME SRC="links.html">

<FRAME SRC="rechts.html">

</FRAMESET>

Het menu staat dus in 'boven.html'.

Hoe kan ik die submenus laten uitvallen "naast elkaar" inplaats van "onder elkaar"? Zodat ze dus op één lijn komen te staan, onder de hoofdmenu-liljn, en als ik dan boven.html juist lang genoeg daarvoor maak, dan hoeven ze de framerand niet over te steken....

Graag een beetje hulp?

Greetz

Jive1

[KPArtesis]

Ok, ik zou het doen met een combo van css en javascript...

1. Geef elke menutitel een klasse "menutitel"
   
2. Geef elk menuitem een klasse "menuitem" en een id "menuitem1", "menuitem2", ...
   
3. In de head van dit html-file schrijf je:
   

   <script language="Javascript">
   
   [indent]var state = new Array();
   for (i=0; i<4; i++) {
   [indent]state[i] = "none";[/indent]
   
   }[/indent]
   </script>

   
   

4. In je CSS bestand zet je bij .menuitem

   display: none

   
   

5. Per menuTitel bolkje maak je een stukje code als dit:
   

   onClick="javascript:if(state[1]=='none'){
   document.getElementById('menuItem1').style.display='block';
   state[1]='block';
   }else{
   document.getElementById('menuItem2').style.display='none';
   state[1]='none';
   }”

   
   

Dit zou moeten werken. Succes!!!

[leroy]

Om het nog simpeler te maken gebruik je een klein stukje PHP code.

<?php
require("boven.html");
?>

Dit zet je op de plek waar het bovenmenu moet komen te staan. Het frame aan de bovenkant verdwijnt.

Eigenlijk is het heel slecht om frames te gebruiken. In een ander topic vandaag heb ik het hier uitgebreid over gehad. namelijk deze:

http://www.pc-helpforum.be/f129/iframes-combinatie-met-tabellen-23734/#post139348

Hier staat ook een oplossing om af te zijn van je frames.

Je hebt 1 pagina nodig met layout.

Hierin staat je menu, en de content wordt continu vervangen door een stukje PHP code.

op de plek waar jij het bovenste menu wilt hebben (in een DIV of over de content heen of noem maar op) zet je het stukje php code wat ik je net gaf.

Let wel op!. De bestanden waarin PHP wordt gebruikt, moeten opgeslagen worden als bestandsnaam.php en moeten ook als bestandsnaam.php opgeroepen worden en niet als .html, anders werken ze niet.

Kijk maar of het je leuk lijkt om dit te gebruiken, bij google kom je wel hoger in de ranglijsten te staan omdat je geen frames meer gebruikt, dus kan de inhoud van je website beter uitgelezen worden door zoekmachines.

Groeten,

Leroy

[Jive1]

Hey!

Bedankt Leroy, ik ga dat zeker proberen, maar zit momeznteel met een andere job bezig. Je hoort van me als ik zover bent.

Greetz

Jive1