Kilian: Farbwechsel bei onclick

Beitrag lesen

Hallo zusammen,

ich suche nach einer Lösung um auf Mouseklick dokumentübergreifend css-formatierte Texte eine neue Farbe zuzuweisen.

Es handelt sich um eine Namensliste mit Fotos, bei Klick auf das Foto oder den Namen wird der entsprechende Name farblich hervorgehoben. Ein möglicher Lösungsansatz dazu wäre mit 'getElementById'. Wunderbar, klappt prinzipiell auch. Wenn ich jetzt einen anderen Namen anklicke sollte der zuerst angeklickte Name wieder auf die Ursprungsfarbe zurückwechseln und der neue Namen hervorgehoben werden. Ich habe aber keine Lösung gefunden um mit einem Befehl erst den gesamten Text wieder neutral stellen und dann den neuen Namen hervorheben. Welche anderen Möglichkeiten gäbe es?

Im unteren Beispiel funktioniert der erste Teil nicht (beiden Namen gleichzeitig die class='b1-9' zuzuweisen), der zweite Teil, den neu angeklickten Namen die class='link14' zuzuweisen funktioniert. Momentan wird also jeder angelickte Name farbig und keiner wieder neutral.

Vielen dank für alle Vorschläge!
Kilian

<body class=b1-9 border=0>

<a href="#" id="id31" onclick="
document.getElementsByTagName('body')[0].className='b1-9';
document.getElementById('id31').className='link14';
document.por32.src='portrait/kilian.gif';" class=link9>Walter</a><br>

<a href="#" id="id32" onclick="
document.getElementsByTagName('body')[0].className='b1-9';
document.getElementById('id32').className='link14';
document.por32.src='portrait/kilian_active.gif';" class=link9>Kilian</a><br>

<a href="#" onclick="
document.getElementsByTagName('body')[0].className='b1-9';
document.getElementById('id32').className='link14';
document.por32.src='portrait/kilian_active.gif';">
<img src="portrait/kilian.gif" name="por32" height=65 width=52 border=0></a>