• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Mehrere Elemente mit js ansprechen

forwardpoint

forwardpoint

New member
Hallo zusammen
ich will 2 Gruppen von mehreren Links eine andere Farbe geben als die im Body eingestellte.

Mit getElementById kann ich nicht mehrere ansprechen und mit getElementsByName klappt es irgendwie auch nicht.

Kann mir jemand kurz den Syntax aufschreiben.

Ich will im Body Tag mit onload="document.getElement???('toplink').style.color='#FFFFFF';" die Farbe ändern.

Muss ich bei den Name bzw den id eigenschaften meiner links auf was achten oder umschreiben.

Und ja ich weiß inzwischen das id eindeutig sein müssen, evtl geht ja ein
onload="document.getElement('toplink','id2','id3').style.color='#FFFFFF';"
oder sowas.

Grüße Niki
 
Moin!

Wieso willst Du das überhaupt mit JS regeln?

Ahoi - Pit
 
Weil
<a id="home" name="toplink" href="index.htm" onmouseover="document.getElementById('home').style.color='#0000FF';" onmouseout="document.getElementById('home').style.color='#FFFFFF';">Home</a>
gehen soll.
Wenn man die Linkfarbe im Bodytag einträgt funktioniert das oben nicht mehr.
Jede andere Lösung ist mir auch recht, Hauptsache die Linkgruppen sind am Anfang weiß oder blau, verfärben sich bei onmouseover und bei onmouseout wieder zurück (Was schon geht).
 
forwardpoint schrieb:
Was muss ich machen???
Zum Vergrößern anklicken....
Müssen nix - können z. B. sowas:
PHP: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>Beispiel</title>
<style type="text/css">
<!--
body{background-color:orange;}
a{color:red;}
a.blah{color:#0000ff;}
a:hover.blah{color:#ffffff;}
-->
</style>
</head>
<body>
<a href="Seite1.htm">Standardlink</a>
<a href="Seite2.htm" class="blah">Link mit CSS-Klasse</a>
</body>
</html>
Ahoi - Pit
 
Danke an Pit.

Kannte CSS zwar aber das man damit so viel machen kann... Naja Grünschnabel eben.
Danke für die Hilfe.

Als Zusammenfassung:

<style type="text/css">
<!--
a.toplink{color:#ffffff;}
a:hover.toplink{color:#0000ff;}
a.sidelink{color:#0000ff;}
a:hover.sidelink{color:#ffffff;}
-->
</style>

vor </head> einfügen und linkfarben für die gewünschten "Classen" definieren. (Hier toplink und sidelink)

In jeden a Tag
<a class="toplink" href="referenzen.htm">Referenzen</a>
ein class="classe" eintragen. Schon erscheint der link mit Anfangs und Hoverfarbe.

Thread ist beendet, danke.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben