Navigatieknoppen

[F e r o x]

Ik heb een navigatiebalk gemaakt, waar ik images als buttons gebruik. De 'default'-stand en hoover-stand is niet moeilijk te realiseren. Maar nu lukt het me maar niet dat wanneer je op de pagina zit, de image ook veranderd in een selected/active-stand.

Een voorbeeld: www.apple.be
Hier zie je bovenaan het menu. Doordat wanneer je op een link klikt er een compleet nieuwe pagina laadt, is het gemakkelijker te realiseren om duidelijk te maken via de image-link waar je je bevind. In mijn geval wordt de pagina niet gerefreshed, en wordt er gewoon content met behulp van Ajax ingeladen.

Weet er iemand een zo compact (weinge code) mogelijke oplossing, die kan gebruikt worden voor oneindig veel links?

[ Voor 9% gewijzigd door F e r o x op 29-03-2008 08:35 ]

[Bosmonster]

Uhh... een andere class geven aan het selected item? Snap je probleem niet zo goed eerlijk gezegd..

[WeeJeWel]

onclick="this.style.backgroundImage='hover.png'" ofzo?

[I-V-O]

Je zou denken dat het juist makkelijker is om de state van de knoppen te bewaren in een javascript-omgeving!
Wat meer informatie over hoe de knoppen worden opbouwd (server/client-side) en hoe je de content inlaadt zou wel makkelijker zijn.

[F e r o x]

Bosmonster schreef op zaterdag 29 maart 2008 @ 10:27:
Uhh... een andere class geven aan het selected item? Snap je probleem niet zo goed eerlijk gezegd..

Hoe verander je dan de klas van een item, nadat erop geklikt is?

[WeeJeWel]

this.className = 'nieuweclass';