Class ändern bei JS event.

[oliw]

Hallo Zusammen

Ich versuche hier glaube ich etwas fast unmögliches.....
Nun, ich habe mehrere Links untereinander. Die Links lösen ein Bilderwechsel aus, d.h. jeder Link ist via JS-Script mit einem anderen Bild verlinkt welche auf der Seite ausgewechselt werden.
Nun das funktioniert auch, logisch, doch ich möchte nun die Links so, dass wenn ich einen angewählt habe, die Underline verschwindet und bei anklicken des nächsten bei diesem die underline verschwindet und beim vorigen wieder kommt, weil er ja nicht mehr aktive ist.
Das alles passiert auf der gleichen Seite.....

Kann mir da jemand helfen?

Danke
Gruz
Oliver

[Andi]

Das geht über CSS.
Aber fragt mich net wie.

[oliw]

über CSS??? du meinst ich soll n den ganzen link dynamisch steuern und bei klick mit einer neuen CSS versehen?
gute idee, aber eben wie mach ich das??
.....

oliver

[bx]

Mit den neuen Browsern geht das über das DOM.
Einfach dem link den style="text-decoration:none" verpassen und dann im JS über
document.getElementById(linkid).style.textDecoration = "underline";
unterstreichen.
Geht halt nur mit den neuen Browsern.

Greets
bx

[Frank Polster]

Reicht es denn nicht unter a:active "text-decoration:none" einzutragen?

(css\eigenschaften\pseudoformate.htm)

Wie wärs denn mit JavaScript "className"?
So was wie
onClick="document.all.Link.className = nichtunterstrichen"

[oliw]

mit der CSS geht das leider nicht, da ich mich ja auf der gleiche siete befinde. active ist ja nur für den klickmoment bestimmt. sobald ich die maus los lasse istz der zustand visited, und dann stimmt es nicht mehr mit den anderen......

className hab ich auch schon probiert aber das geht auch nicht!

[Maxx]

Hallo Oliver,

Ich versuche hier glaube ich etwas fast unmögliches.....

Nein, ist es nicht.

ich möchte nun die Links so, dass wenn ich einen angewählt habe, die Underline verschwindet und bei anklicken des nächsten bei diesem die underline verschwindet und beim vorigen wieder kommt, weil er ja nicht mehr aktive ist.

Kann mir da jemand helfen?

Als Vorschlag: Beim onClick des Links über alle <a> des Dokuments gehen und style.textDecoration="underline"; setzen, dann das "underline" des aktiven Links auf "none" setzen. Alles klar?

Im Zusammenhang könnte es etwa so aussehen:

<a href="..." id="id1" onClick="underline('id1')">Link 1</a>
<a href="..." id="id2" onClick="underline('id2')">Link 2</a>
<a href="..." id="id3" onClick="underline('id3')">Link 3</a>

function underline(id)
{
var i=0;
while(document.getElementsByTagName("a")[i])
  {
  document.getElementsByTagName("a")[i].style.textDecoration="underline";
  i++;
  }
document.getElementById(id).style.textDecoration="none";
}

HTH

Maxx