nicht angemeldet
CSS-Klasse einer Tabellenzelle mit JS ändern
Hallo,
ich habe folgendes Problem:
Ich möchte die CSS-Klasse einer Zelle ändern, wenn ich in der Navi-Leiste auf eine Rubrik klicke. Das Ganze dient als Orientierung auf welcher Seite man sich gerade befindet.
DIE FUNKTION:
function lesezeichenx(url) { //tauscht klasse bei >> Lesezeichen
document.n1.class="pfeil";
parent.main.window.location=url;
}
DER FUNKTIONSAUFRUF:
<a href="javascript:lesezeichenx('taetigkeiten/taetigkeiten.html')">
DIE ZU ÄNDERNDE ZELLE:
<td class="pfeil2" name="n1">>></td>
Beim Klick auf den Link wird also die Funktion lesezeichenx aufgerufen. Die soll nun die Klasse "pfeil2" durch "pfeil" ersetzen. Außerdem wird noch die Seite im Frame main ausgetauscht. Das funzt aber.
Kann mir jemand helfen? Schon mal vielen Dank!!!
Holger
-
Hallo, Holger,
Ich möchte die CSS-Klasse einer Zelle ändern, wenn ich in der Navi-Leiste auf eine Rubrik klicke. Das Ganze dient als Orientierung auf welcher Seite man sich gerade befindet.
DOM Level 2 sieht "className" für CSS-Klassen beim Scripting vor, um Sprachkonflikte mit anderen Sprachen, z.B. Java zu vermeiden.
Wird von IE4+ unterstützt. Bei NS6 kann es sein, daß nur eine einmalige Änderung möglich ist (testen!).
Grüße,
Sebastian
-
Danke Sebastian,
das war schon mal der erste Fehler. Es muss aber noch einer drin sein.Wie greife ich auf die TD zu?
document.all[n1].classname="pfeil";
mit
<td class="pfeil2" id="n1">>></td>ODER
document.n1.classname="pfeil";
mit
<td class="pfeil2" name="n1">>></td>Wahrscheinlich aber ganz anders, denn Beides funzt nicht. Wie Du siehst, habe ich nicht so viel Ahnung von JS.
Schöne Grüße
Holger
-
Hi,
Wie greife ich auf die TD zu?
document.all[n1].classname="pfeil";
mit
<td class="pfeil2" id="n1">>></td>Nur für alte IE
ODER
document.n1.classname="pfeil";
mit
<td class="pfeil2" name="n1">>></td>td hat kein name-Attribut.
Benutze id, und greife per document.getElementById darauf zu.Andreas
-
Super!!!
Jetzt geht es. Vielen Dank.
Für die anderen:
document.getElementById("n1").className="pfeil";
mit
<td class="pfeil2" id="n1">>></td>Schöne Grüße
Holger
-
-
-