CSS.Style per Javascript ansprechen

[lylila]

Hallo

Ich habe ein TextMenü über das ich einzelne Seiten im Inhaltsframe aufrufen kann. Über das CSS.Style kann ich zwar über a:hover und a:active die einzelnen Linkzustände definieren, jedoch bleibt der aktive Zustand nach Auswahl nicht bestehn.bisherige seite

a     { color: #a3a3a3; font-size: 8pt; font-family: Helvetica, Arial, Verdana; font-weight: 600; line-height: 12pt; text-decoration: none; text-align: left }
a:link { color:#A3a3a3 }
a:visited {color:#a3a3a3}
a:hover { color: #ad0000 }
a:active { color: #ad0000 }

Wie kann ich das mit JavaScript lösen? Ich habe die einzelnen Elemente mit ner ID versehen, um diese per JS anzusprechen. Funktioniert jedoch nicht. Kann mir jemand auf die Sprünge helfen ?

jetzige Code:

<style type="text/css" media="screen">
<!--
b#if { color: #a3a3a3; font-size: 8pt; font-family: Helvetica, Arial, Verdana; font-weight: 600; line-height: 12pt; text-decoration: none; text-align: left }
a {color: #a3a3a3; text-decoration: none}
</style>

<script language="JavaScript" type="text/JavaScript"> 

function Farbe(ID) {
  document.getElementById(ID).style.color="#ad0000";
  }

</script>

 <b id="if"><a href="javascript:ZweiFrames('leer.html','menue','_if/if.html','content')" onClick="Farbe('if')">INTERFACEDESIGN</a></b>

 

[Sven Mintel]

Schau mal hier hinein:
http://www.tutorials.de/forum/showthread.php?p=1076628

Es geht da zwar um Bilder, das Prinzip lässt sich aber auch auf links anwenden.
Anstatt die src eines Bildes auszutauschen musst du nur den Klassennamen der Links ändern, oder ihnen die Eigenschaften direkt zuweisen.