login  Naam:   Wachtwoord: 
Registreer je!
 Forum

menu item veranderen

Offline kickasgamer - 05/12/2008 16:11
Avatar van kickasgamerPHP ver gevorderde ik heb een simpel css menu, waarbij als je op een menu item klikt dat dan een class wordt toegevoegt aan de link, maar kan ik dat zo krijgen dat iedere keer als een menu item wordt aangeklikt dat de class="current" weg gaat bij het vorige item en wordt bij gezet bij het aangeklikte ?

alvast bedankt

7 antwoorden

Gesponsorde links
Offline mathiasB - 06/12/2008 00:05
Avatar van mathiasB HTML interesse Enig voorbeeld?
Offline kickasgamer - 06/12/2008 10:51 (laatste wijziging 06/12/2008 10:51)
Avatar van kickasgamer PHP ver gevorderde kijk dit is het menu:

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="MenuNav">
  2. <ul>
  3.  
  4. <li><a href="http://www.google.be"><span>Home</span></a></li>
  5.  
  6. <li><a href="http://www.google.be"><span>Forum</span></a></li>
  7.  
  8. <li><a href="http://www.google.be"><span>Nieuws</span></a></li>
  9.  
  10. <li><a href="http://www.google.be"><span>Demo's</span></a></li>
  11.  
  12. <li><a href="http://www.google.be"class="current"><span>Screens</span></a></li>
  13.  
  14. <li><a href="http://www.google.be"><span>Contact</span></a></li>
  15.  
  16. </ul>
  17.  
  18. </div>


ja en zoals je ziet staat de class current nu bij screens, maar als ik dan op het knopje home klik bv dan moet bij de url home class="current" bijkomen en die class moet bij screens dan weg

hoe krijg ik dat voor mekaar ?
Offline mathiasB - 06/12/2008 11:37 (laatste wijziging 06/12/2008 11:39)
Avatar van mathiasB HTML interesse Ik zou dat met een javascript code doen kijk daarvoor hier eens


Wat je ook kan proberen is dit:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. a.Menu:active {
  2. /* Hier je css code */
  3. }


en dan in je html:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <a href="http://www.google.be" class="Menu">Menuitem</a>

Meer info over het stijlen van de <a> attribuut kijk je best eens hier
Offline kickasgamer - 06/12/2008 12:10 (laatste wijziging 06/12/2008 13:43)
Avatar van kickasgamer PHP ver gevorderde ja die javascript lijkt me geen oplossing omdat ik ook met een pagina systeeù ga werken in de toekomst, maar ik ga die css methode wel eens proberen 

EDIT: ik heb de css methode geprobeerd en die werkte niet 
Offline mathiasB - 06/12/2008 16:02
Avatar van mathiasB HTML interesse Ja inderdaad :active blijkt tegenwoordig niet te werken, bij mij ook niet.
Offline kickasgamer - 06/12/2008 19:05
Avatar van kickasgamer PHP ver gevorderde heb je miss een idee hoe ik het anders zou kunnen oplossen ?
Offline mathiasB - 07/12/2008 11:40
Avatar van mathiasB HTML interesse Misschien met Php gaan checken?
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.177s