Tweet
[JavaScript] Tabelle auf display none über Radiobutton steuern für Mozilla?
Hallo!
Ich habe ein kleines Problem, und hoffe nach vielem suchen hier endlich ein Antwort finden zu können.
Ich habe in einem Formular mehrfach 2 Radiobutton, mit denen ich 2 kleine JavaScript Funktionen aufrufe, um bestimmte Objekte anzeigen zu lassen oder nicht. Simplerweise ändere ich einfach immer den style des Objekts auf "display:none;" bzw. "display:inline;", was für Fomularfelder auch in jedem Browser prima funktioniert!
Hier erstmal die beiden Funktionen:
function nodisplay(thisObject) {
thisObject.style.display='none';
}
function display(thisObject) {
thisObject.style.display='inline';
}
In den Radio Buttons rufe ich dann die Funktion auf, und bestimme welches Objekt sich denn nun ändern soll, z.B.
<input type="radio" onclick="nodisplay(formular.formularfeld)>
Das klappt prima in Mozilla, IE und Opera. Wenn ich jetzt jedoch eine ganze Tabelle verstecken will, streikt der Mozilla, weil er das dann zu verwendende Objektmodell nicht kennt.
Ändere ich eine Tabelle sieht der Aufruf so aus:
<input type="radio" onclick="nodisplay(document.all.tabellenid)>
Selbstverständlich hat die entsprechende Tabelle dann auch ein id Attribut mit entsprechendem Wert.
Mit dem IE und Opera klappt das auch ganz wunderbar, nur mein Lieblingsbrowser
Mozilla kennt das nicht!
Wie kann ich dem beikommen, das auch der Mozilla die Tabelle erkennt und versteckt?
Gibt es vielleicht ein mir nicht bekannten html formular tag oder ähnliches, welchen ich noch um die Tabelle schreibe kann, damit auch der Mozilla ein ordentliches Objekt bekommt?
Besten Dank im vorraus!
Ich habe ein kleines Problem, und hoffe nach vielem suchen hier endlich ein Antwort finden zu können.
Ich habe in einem Formular mehrfach 2 Radiobutton, mit denen ich 2 kleine JavaScript Funktionen aufrufe, um bestimmte Objekte anzeigen zu lassen oder nicht. Simplerweise ändere ich einfach immer den style des Objekts auf "display:none;" bzw. "display:inline;", was für Fomularfelder auch in jedem Browser prima funktioniert!
Hier erstmal die beiden Funktionen:
function nodisplay(thisObject) {
thisObject.style.display='none';
}
function display(thisObject) {
thisObject.style.display='inline';
}
In den Radio Buttons rufe ich dann die Funktion auf, und bestimme welches Objekt sich denn nun ändern soll, z.B.
<input type="radio" onclick="nodisplay(formular.formularfeld)>
Das klappt prima in Mozilla, IE und Opera. Wenn ich jetzt jedoch eine ganze Tabelle verstecken will, streikt der Mozilla, weil er das dann zu verwendende Objektmodell nicht kennt.
Ändere ich eine Tabelle sieht der Aufruf so aus:
<input type="radio" onclick="nodisplay(document.all.tabellenid)>
Selbstverständlich hat die entsprechende Tabelle dann auch ein id Attribut mit entsprechendem Wert.
Mit dem IE und Opera klappt das auch ganz wunderbar, nur mein Lieblingsbrowser
Mozilla kennt das nicht!Wie kann ich dem beikommen, das auch der Mozilla die Tabelle erkennt und versteckt?
Gibt es vielleicht ein mir nicht bekannten html formular tag oder ähnliches, welchen ich noch um die Tabelle schreibe kann, damit auch der Mozilla ein ordentliches Objekt bekommt?
Besten Dank im vorraus!
Kommentar