Problem mit Hover und Active

Jan-Frederik Stieler · 6. August 2005

Hallo,
ich habe ein Menü bei dem mit einem Hover ein Punkt vor die jeweiligen Menüpunkte kommt welche mittels einem Anker mit Text verknüpft sind. Mein Problem ist nun das wenn ich einen Link gedrückt habe verschwindet der Punkt wieder obwohl er auch für den Zustand Active deklariert wurde.

Webseite

Viele Grüße

Maik · 6. August 2005

Die Pseudoklasse :active gilt nur für den Moment, in dem ein Verweis angeklickt wird.

Jan-Frederik Stieler · 6. August 2005

Achso. Hast du vielleicht sonst noch eine Idee wie man das lösen könnte das der Punkt bestehen bleibt bis ein anderer Link gedrückt wird?

Maik · 6. August 2005

Sven Mintel hat mal in einem Thread ein Javascript gepostet, das den aktiven Link markiert. Du müsstest den Source halt auf deine Bedürfnisse anpassen ;-]

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>

<style type="text/css">
<!--
a.nav,a.clicked{
    text-decoration:none;
    font:normal 8pt Verdana,Geneva,Sans-Serif;
    display: block;
    border: 1px solid #FCDC7C;
    height:20px;
    width:100px;
    font-size: 8pt;
    text-align:center;
    PADDING: 2px;
    margin-bottom:4px;
    BACKGROUND: #333399;
    COLOR:#FCDC7C;
}

a.nav:hover,a.clicked{
    BACKGROUND: #FCDC7C;
    COLOR:#333399;
}
-->
</style>
<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>

</head>
<body>
 
  <a class="clicked" href="#link1" onclick="aktivieren(this.href)">Link 1</a>
  <a class="nav" href="#link2" onclick="aktivieren(this.href)">Link 2</a>
  <a class="nav" href="#link3" onclick="aktivieren(this.href)">Link 3</a>
 
</body>
</html>

Jan-Frederik Stieler · 6. August 2005

Ich danke schon mal und werde mir das JS mal zu Gemüte führen.
Ok funktioniert super genau was ich gesucht habe!

Gruß

Problem mit Hover und Active

Jan-Frederik Stieler

Monsterator

Maik

Jan-Frederik Stieler

Monsterator

Maik

Jan-Frederik Stieler

Monsterator

Neue Beiträge