nur bestimmte Elemente ansprechen

[Forumsgast]

Hallo,

ich habe mir mit PHP eine hübsche Tagcloud gebastelt und möchte nun einige Effekte einfügen.

Unter anderen soll beim Drüberstreifen mit der Maus die Größe eines Links um 4 erhöht werden und bei onmouseout wieder die Ursprungsgröße annehmen.

Wenn es mit CSS geht bitte nicht weiter lesen sondern gleich Lösung verraten.

Einige Links sind 10px, einige 14px, dann zb. 18px usw. groß.

Ich mache es so. Ich hole mir mit JS die Eigenschaften eines Elementes und bearbeite sie. Ich nutze getElementByID(""). Nun habe ich leider 50 Schlagwörter und jedes Element hat die selbe ID. Wenn ich nun über eins streife reagieren alle.

Wie kann ich mit einem Code, alle Elemente (ob 10, 20 oder 50) einzeln ansprechen? Mit "this"?

Danke euch.

[Forumsgast]

Hallo,

ich habe es jetzt schnell so gelöst. Da ich ja eh ne Schleife mit PHP laufen lasse vergebe ich einfach jedem Link eine ID.

for($i = 0; $i>$j;$i++){
    
echo '<a href="#" style="font-size:10px;" id="link_'.$i.'" onmouseover="mach_groesser(\''.$i.'\');">Link</a>';

}

Aber somit vergebe ich jeder Link eine ID. Geht es irgendwie anders?

[Forumsgast]

Jo. Verwend irgendein js DOM-Framework deiner Wahl und arbeite mit einer CSS-Klasse. Oder auch per pseudo :hover-Selector im CSS.

Grüße

[Forumsgast]

var count = document.getElementsById('container').childNodes.length;

for (var i = 0; i < count; i++)
{
    document.getElementsById('container').childNodes[i].style.fontSize ...;
} 

[Gast]

Wozu denn so umständlich? Es geht doch auch mit reinem CSS..

#cloud a {
    font-size: 10px;
}
#cloud a:hover {
    font-size: 14px;
}