✔ Javascript für css-Klassenwechsel

[TraphiX]

Guten Abend die Herrschaften

Ich stehe hier vor einem kleinen Problem: Ich habe hier eine Seite (Der Maincontent wird im Iframe angezeigt) und möchte, dass wenn man auf einen Button im Menu klickt, dass dieser dann bespielsweise die css-hover Eigenschaften beibehält. Sozusagen der Button der currently aktiv ist, soll eine Klasse bekommen. Nun bin ich aber noch nicht so JS bewandert und habe noch keine genaue Vorstellung, wie ich das umsetzen kann.

Deshalb wende ich mich an euch. Hoffe meine Problematik ist einigermaßen klar geworden

Vielen Dank schonmal an alle, die sich dafür den Kopf mit mir zerbrechen!

Gruß

 

[Maik]

Hi,

das wäre dann wohl etwas in dieser Art:

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';
                        }
                }
        }
}

a.nav, a.clicked {
color: #b9b9b9;
}

a.nav:hover, a.clicked {
color: #0090E0;
}

<a href="..." class="nav" onclick="aktivieren(this.href)" target="Name_des_iFrames">link</a>

mfg Maik

 

[TraphiX]

Super

Vielen Dank, werd es gleich morgen früh testen. Wünsche einen schönen Abend!