✔ a:active-status beibehalten

K

kastalonien

Mitglied
Hallo,

ich suche eine algorithmus, der dafür sorgt, das in einer Menüleiste der angeklickte Eintrag so lange auf active bleibt, bis ein anderer Eintrag der Menüleiste ausgewählt wird. Die hover-Funktion soll dabei ebenfalls ganz normal funktionieren.
So wie ich gehört habe, lässt sich das nur mit JavaScript lösen, bis jetzt habe ich aber noch keinen befriedigenden Algorithmus gefunden...

Danke für Antworten...
 
Probier es mal mit diesem Script (by Sven Mintel):

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title></title>

<script type="text/javascript">
<!--
function aktivieren(strHref)
{
    if(document.getElementById)
        {
            for(i=0;i<document.links.length;++i)
                {
                    if(String(document.links[i].className).match(/^(nav|clicked)$/))
                        {
                            document.links[i].className=(document.links[i].href==strHref)?'clicked':'nav';
                        }
                }
        }
}

//-->
</script>

<style type="text/css">
<!--
a.nav {
color: #b9b9b9;
}

a.nav:hover, a.clicked {
color: #0090E0;
}
-->
</style>

</head>
<body>

<a href="#link1" class="nav" onclick="aktivieren(this.href)">link 1</a>
<a href="#link2" class="nav" onclick="aktivieren(this.href)">link 2</a>
<a href="#link3" class="nav" onclick="aktivieren(this.href)">link 3</a>


</body>
</html>
 
Vielen Dank, das funktioniert schon ganz gut. Doch wie lässt sich das realisieren, dass hover und active zwei unterschiedliche schriftfarben haben...?
 
Hier der erweiterte CSS-Code:

Code: 
a.nav {
color: #b9b9b9;
}

a.clicked {
color: #0090E0;
}

a.nav:hover, a.clicked:hover {
color: #ff0000;
}
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück