Style-Zuweisungen
Lena
- javascript
0 Joachim
Hallo!
Ich habe ein kl. Problem mit JS: Bei meiner Bildnavigation soll beim Anklicken die Farbe der Links geändert werden. Das funktioniert zwar, aber durch die Funktion, die ich eingebaut habe, werden alle Links der Seite in deren Darstellung verändert. Es sollen aber nur die Links der Bildnavigation verändert werden. Was muss ich anders definieren?
HTML:
<ul>
<li><a id="pic1" href="javascript:bild(1);">1</a></li>
<li><a id="pic2" href="javascript:bild(2);">2</a></li>
<li><a id="pic3" href="javascript:bild(3);">3</a></li>
</ul>
JS:
function setStyle(id) {
var i=0;
while(document.getElementsByName("a") [i]) {
document.getElementsByName("a") [i].style.backgroundColor="#FFFFFF";
document.getElementsByName("a") [i].style.color="#253E6B";
i++;
} document.getElementById("pic"+id).style.backgroundColor="#CD3400";
document.getElementById("pic"+id).style.color="#FFFFFF";
}
Lena
Hi,
Es sollen aber nur die Links der Bildnavigation verändert werden.
gib Deiner Liste eine ID und kombiniere:
document.getElementById("liste").getElementsByTagName("a")...
Gruesse Joachim