Active state behouden

Door david david op 17-02-2009 14:17

946 views

IS het mogelijk om een active (current) status van een hyperlink in een menu in de active status te blijven houden totdat er ergens anders op is geklikt?.
Nu verdwijnt de status bij het klikken "binnen" de gekozen pagina..

Ik gebruik een accordion menu (slashdot menu).

in de css (sdmenu.css) de regel:
[php] <?
div.sdmenu div a.current {
background: url(underline3.gif) repeat-x 100% 100%;
background-position: left center;
} ?>
[/php]

[php] <?
<div style="postion:relative" id="my_menu" class="sdmenu">
<div class="collapsed">
<span id="knop1"></span>
<ul class="submenu">
<li><a class="submenu" href="pagina.php>link</a></li>

</ul>

</div>
</div> ?>[/php]

Zit nog veel meer javascript bij , maar dit lijkt mee veelvoorkomende vraag eigenlijk.
Iemand een idee?

Jelmer -

17-02-2009 16:54

Een trucje is om je body-element een bepaald id of classname mee te geven, en iedere link ook. Vervolgens kan je in je stylesheet de combinaties die bij elkaar horen als "actief" opmaken:


<style type="text/css">
#sitemap a.ref-sitemap,
#index a.ref-index {
    color: red;
}
</style>
<body id="sitemap">
    <ul>
        <li><a id="ref-sitemap" href="sitemap.html">sitemap</a></li>
        <li><a id="ref-index" href="index.html">home</a></li>
    </ul>
</body>

david david

17-02-2009 17:17

mmm, maar ik mijn geval bouw ik de <li> elementen op uit een database..
dan gaat die vlieger niet op vrees ik..
(staat niet in voorbeeld script.. ik weet het..)

david david

19-02-2009 21:09

iemand nog een suggestie?

overigens gebeurt er iets raars met mijn code bovenin.. worden dingen herhaald die er helemaal niet inzitten.. (:S)

Reageren

Inloggen om te reageren