login  Naam:   Wachtwoord: 
Registreer je!
 Forum

menu active state

Offline T0Mash - 23/03/2010 20:38
Avatar van T0MashNieuw lid Hallo allen!

Ik ben bezig met een menu voor in een website en loop even tegen de active state aan...

Ik heb het menu gewoon in ul li's opgebouwd en is in dat opzicht vrij basis maar nu wil ik dat php de pagina id ophaalt van de pagina waarop de bezoeker zich bevindt (bv:home) en vervolgens de knop in het menu (:home) actief maakt.

Heeft iemand hier een snelle uitleg voor? ik be al een tijdje aan het zoeken maar kan helaas nog niet de juiste oplossing vinden.

mvg,
tomas

11 antwoorden

Gesponsorde links
Offline nick5556 - 23/03/2010 20:44 (laatste wijziging 23/03/2010 20:48)
Avatar van nick5556 PHP beginner Op deze manier:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <a href="home.php" <? if($currentPage == "Home") { echo "class=\"actief\""; } ?>>linktext</a>


en zo verder, dan even verwerken in je ul en li en voila.
Offline T0Mash - 23/03/2010 20:54
Avatar van T0Mash Nieuw lid waar haalt hij die actief dan vandaan? CSS class?
div.actief a {
color:#FFF;
}???

en waar haalt hij de variabele $currentPage vandaan?

grtz
Offline TotempaaltJ - 23/03/2010 20:55
Avatar van TotempaaltJ PHP interesse $currentPage is hopelijk een variabele die jij al klaar hebt, met daarin de pagina-naam?
actief is inderdaad een CSS class, dat kan je duidelijk zien. Geen Class van een Div btw, maar van een a.
Beetje beter kijken!
Offline T0Mash - 23/03/2010 21:00
Avatar van T0Mash Nieuw lid in de index.php staat nu inderdaad:
<?php $currentPage="home"; ?>

deze doet het ook alleen hij roept de css nog niet aan...

en de css
.actief a {
color:#0066CC;
}
Offline nick5556 - 23/03/2010 21:01 (laatste wijziging 23/03/2010 21:02)
Avatar van nick5556 PHP beginner Gebruik voor de css:

css code - Bekijk de code zonder highlighting - Klap code in 
  1. a.actief {
  2. color:#0066CC;
  3. }


EDIT:

Voor de :hover doe je dit:

css code - Bekijk de code zonder highlighting - Klap code in 
  1. a.actief:hover {
  2. /* style*/
  3. }
Offline T0Mash - 23/03/2010 21:07
Avatar van T0Mash Nieuw lid het lijkt wel alsof hij de style wordt overschreven en alsnog de standaard stijl pakt die de main CSS hem geeft.

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <style type="text/css">
  2. a.actief {
  3. color:#0066CC;
  4. }
  5. </style>
  6.  
  7.  
  8.  
  9.  
  10. <ul>
  11.     <li><a href="home.php" <?PHP if($currentPage == "home") { echo "class=\"actief\""; } ?>>Home<span>over ons</span></a></li>
Offline nick5556 - 23/03/2010 21:10 (laatste wijziging 23/03/2010 21:11)
Avatar van nick5556 PHP beginner Probeer dit eens:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <a href="home.php" <?PHP if($currentPage == "home") { echo "style=\"
  2. color:#0066CC;\""; } ?>>Home<span>over ons</span></a>
Offline T0Mash - 23/03/2010 21:19
Avatar van T0Mash Nieuw lid ja dat pakt hij wel maar dat is wel heel erg onhandig aangezien het een vrij uitgebreid menu is... Dus denk dat het beter is om het met een class te doen wat overigens vrij lastig wordt als hij die niet pakt...

Iemand die weet waarom hij da nie pakt?:p
Offline nick5556 - 23/03/2010 21:26
Avatar van nick5556 PHP beginner I don't know.

zet een in je css bestand onder je standaard 'a' opmaak deze:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. a.actief {
  2. color:#0066CC;
  3. }
Offline T0Mash - 23/03/2010 21:36
Avatar van T0Mash Nieuw lid Nee dat werkt niet!

Ik vraag me af of hij wel bij de css komt??
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <li><a href="home.php" <?PHP if($currentPage == "home") { echo "class=\"actief\""; } ?>>Home<span>over ons</span></a></li>


Ik heb hem alleen ook in het bestand zelf gezet maar die pakt hij ook niet...
Offline genkstar - 23/03/2010 22:59
Avatar van genkstar Nieuw lid
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <li>
  2.     <a href="home.php" <?= ($currentPage == "home") ? 'class="actief"' : '';?> Home<span>over ons</span></a></li>


probeer eens zo..
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.241s