login  Naam:   Wachtwoord: 
Registreer je!
 Forum

CSS uitklapbaar menu moet zichtbaar blijven

Offline adoo - 29/06/2008 20:26 (laatste wijziging 29/06/2008 20:28)
Avatar van adooNieuw lid Hallo

Ik heb voor de moment gewoon een menu gemaakt met <li> tags zoals gewoonlijk.

Maar nu wil ik daar een submenu aan aanhangen en dat doe ik door een <ul> en zijn bijhorende <li> tags binnen een <li> te zetten, en als ik dit test zie ik de submenu items enzo, dus allemaal geen probleem.

Nu mijn doel is om deze enkel te laten weergeven als ik er op klik en dan moet deze ook open blijven staan, niet zoals een dropdownmenu met :hover dat enkel zichtbaar is als je erover gaat, het moet dus zichtbaar blijven

gaat dit met enkel CSS? zoja hoe ?

Merci

7 antwoorden

Gesponsorde links
Offline shibble - 29/06/2008 22:46
Avatar van shibble MySQL interesse zover ikweet kan het alleen met javascript op die manier :O!
Offline adoo - 29/06/2008 22:51
Avatar van adoo Nieuw lid en kan dat ook met PHP?
Offline shibble - 29/06/2008 22:58
Avatar van shibble MySQL interesse hoe bedoel je die dropdown menu? ik zou het niet weten zover het mij ook is gelukt is met javascript en het werkt gewoon goed, en kan ook gewoon die dropdown menu die links in die menu zeg maar uit een db halen als ik wil alleen met javascript zorg ik ervoor dat die display: hidden; van de submenu in display: block; veranderd en als dan de muis van die menu of submenu afgaat dan word display: block; weer display: hidden;
Offline adoo - 29/06/2008 23:00
Avatar van adoo Nieuw lid aja ok 

en heb je ergens een voorbeeld ofzo? want als ik zoek op dropdown ofzo kom ik allemaal voorbeelden tegen met :hover enzo...
Offline jc2 - 29/06/2008 23:05 (laatste wijziging 29/06/2008 23:06)
Avatar van jc2 PHP interesse in principe wel, maar niet precies hoe jij het bedoelt.

Je kunt in PHP bijv. een url opbouwen zoals:
index.php?submenu=1&pagina=dezepagina

Dat kun je dan zo structureren:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <ul>
  2. <li>menu1</li>
  3. <li>menu2</li>
  4. <li><a href="?submenu=1&pagina=dezepagina">menu3</a></li>
  5. <?
  6. if($_REQUEST['submenu']=="1"){
  7. ?>
  8. <li>
  9.      <ul>
  10.      <li>submenu1.1</li>
  11.      <li>submenu1.2</li>
  12.      </ul>
  13. </li>
  14. <?
  15. }
  16. else{
  17. }
  18. ?>
  19. <li>menu4</li>
  20. <li><a href="?submenu=2&pagina=dezepagina">menu5</a></li>
  21. <?
  22. if($_REQUEST['submenu']=="2"){
  23. ?>
  24. <li>
  25.      <ul>
  26.      <li>submenu2.1</li>
  27.      <li>submenu2.2</li>
  28.      </ul>
  29. </li>
  30. <?
  31. }
  32. else{
  33. }
  34. ?>
  35. </ul>


Ik verkies zelf echter de javascript-oplossing.
Dan kun je niet het submenu openen door in de url iets te veranderen én je kunt meerdere submenus tegelijk openzetten (wat bij php alleen kan als je een array meegeeft).
Offline adoo - 29/06/2008 23:08
Avatar van adoo Nieuw lid dan zal ik de javascript oplossing gebruiken 

Heb je daar een voorbeeld van ofzo? Javascript heb ik nog niet echt met gewerkt tenzij voor een back knop history enzo  
Offline dirk_ve - 30/06/2008 08:53
Avatar van dirk_ve Nieuw lid Indien je display:none gebruikt om de submenus onzichtbaar te maken
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <ul>
  2. 	<li><a href="#" onclick="this.parentNode.getElementsByTagName('ul')[0].style.display='block'; return false;">Item 4</a>
  3. 		<ul>
  4. 			<li><a href="#">Sub 1</a></li>
  5. 			<li><a href="#">Sub 2</a></li>
  6. 			<li><a href="#">Sub 3</a></li>
  7. 		</ul>
  8. 	</li>
  9. </ul>
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.189s