login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Menu-item "actief" houden

Offline MenM - 17/08/2008 11:21
Avatar van MenMNieuw lid Weet er iemand een manier om, wanneer je op een menu-item klikt, deze een css-id te geven zodat deze "actief" blijft tot dat er op een ander menu-item geklikt wordt?

Aja, ik zou niet weten hoe ik het bij google moet zoeken dus kom niet af met "Zie google" ofzo

6 antwoorden

Gesponsorde links
Offline jc2 - 17/08/2008 14:42 (laatste wijziging 17/08/2008 14:43)
Avatar van jc2 PHP interesse Bedoel je zoiets als op startpagina.nl? Dat je door op het '-' rechtsboven te klikken een blok kan laten verdwijnen en/of verschijnen?

Zoja, kijk eens in de bron hoe zij het doen.

Kijk, zo hoef je toch niet zelf te zoeken 
Offline MenM - 17/08/2008 19:26
Avatar van MenM Nieuw lid Nee, dat je zoals boven een menubalkje "Op deze pagina" een andere kleur geeft dan de rest. Van zodra je dan op bv "Categorieën" drukt, wordt deze donkerder tot dat er op een andere link geklikt wordt.
Offline nick5556 - 17/08/2008 21:23
Avatar van nick5556 PHP beginner Volgens mij kan het op twee manieren, de makkelijkste:

css code - Bekijk de code zonder highlighting - Klap code in 
  1. .menu_actief {
  2. color: black;
  3. }
  4. .menu_normal {
  5. color: white;
  6. }

Dit als css
en dit als menu:
html code - Bekijk de code zonder highlighting - Klap code in 
  1. <div class="menu_normal">- onactief item</div><br />

  2. <div class="menu_active">- actief item</div><br />

  3. <div class="menu_normal">- nog een onactief item</div>

Volgens mij is er nog een manier, maar ik weet niet welke 
Offline jc2 - 18/08/2008 00:28
Avatar van jc2 PHP interesse Ik doe dit zelf gewoon via een variabele in de url.

Bijv.:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. if($_REQUEST['menu']=="1"){
  2. ?>
  3. <div class="menu_active"><a href='?id=1&pg=x'>actief item</a></div><br>
  4. <?
  5. }
  6. else{
  7. ?>
  8. <div class="menu_normal"><a href='?id=1&pg=x'>inactief item</a></div><br>
  9. <?
  10. }
  11.  
  12. if($_REQUEST['menu']=="2"){
  13.  // enz.
  14. }
  15. else{
  16.  // enz.
  17. }


Als je het menu uit een database haalt, kun je deze code gebruiken:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <ul>
  2. <?
  3. $selecthmenu=mysql_query("SELECT * FROM tabelnaam ORDER BY id");
  4. while($selecthmenu2=mysql_fetch_assoc($selecthmenu)){
  5. $menu=$_REQUEST['menu'];
  6. 		if($menu==$selecthmenu2['id']){
  7. ?>
  8. 		<li><a class="menu_actief" href="index.php?menu=<? echo $selecthmenu2['id']; ?>&pg=<? echo $selecthmenu2['paginanaam'] ?>"><? echo $selecthmenu2['menunaam'] ?></a></li>
  9. <?
  10. 		}
  11. 		else{
  12. ?>
  13. 		<li><a class="menu_normal" href="index.php?menu=<? echo $selecthmenu2['id']; ?>&pg=<? echo $selecthmenu2['paginanaam'] ?>"><? echo $selecthmenu2['menunaam'] ?></a></li>
  14. <?
  15. 		}
  16. }
  17. ?>
  18. 	</ul>
Offline MenM - 19/08/2008 19:22
Avatar van MenM Nieuw lid Ik haal het menu niet uit een database, dus het eerste voorbeeld is goed, maar hoe geef je een waarde aan de variabele "menu"?
Offline AcIdBuRn - 19/08/2008 19:53
Avatar van AcIdBuRn HTML beginner Op deze manier:

http://www.jouwdomein.be/index.php?menu=1

je kan dus een link hiernaar maken, en door middel van deze variabele wordt dan je item actief behouden.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.218s