Probleme mit JavaScript im Internet Explorer

Hallo.
Folgendes JavaScript funktioniert zwar in Opera und Firefox, aber nicht
im Internet Explorer. Woran kann das liegen? Im Grunde soll je nach
Auswahl in der unten angegebenen Radiobox eine andere Tabellenzeile
folgen. Diese wurden zuvor versteckt und nun mit JS wieder sichtbar
gemacht. Beim Internet Explorer jedoch, werden dieses beiden
Tabellenzeilen grundsätzlich beide angezeigt.

Gibts da eine Lösung?

MfG
Christian

----------------------

Die beiden aufrufenden Radioboxen:

<input type='radio' name='workingType_radio' value='professor'
id='professor_radio' onclick='setVisibilityOfSubWorkingType(this)'
style='width: 5%; text-align: center;' />
<input type='radio' name='workingType_radio' value='assistant'
id='assistant_radio' onclick='setVisibilityOfSubWorkingType(this)'
style='width: 5%; text-align: center;' />

----------------------

Die JavaScript-Funktion:

function setVisibilityOfSubWorkingType ( radioBox ) {
if ( radioBox.value == "professor" ) {
document.getElementById("juniorProfessor_tr").styl e.visibility
= "visible";

document.getElementById("researchAssistant_tr").st yle.visibility =
"collapse";
document.getElementById("okButton_tr").className =
"BodyTable-content-light";
} else if ( radioBox.value == "assistant" ) {
document.getElementById("juniorProfessor_tr").styl e.visibility
= "collapse";

document.getElementById("researchAssistant_tr").st yle.visibility =
"visible";
document.getElementById("okButton_tr").className =
"BodyTable-content-light";
} else {
document.getElementById("juniorProfessor_tr").styl e.visibility
= "collapse";

document.getElementById("researchAssistant_tr").st yle.visibility =
"collapse";
document.getElementById("okButton_tr").className =
"BodyTable-content-dark";
}
};

Christian Bruckhoff wrote:

Folgendes JavaScript funktioniert zwar in Opera und Firefox, aber nicht
im Internet Explorer. Woran kann das liegen? Im Grunde soll je nach
Auswahl in der unten angegebenen Radiobox eine andere Tabellenzeile
folgen. Diese wurden zuvor versteckt und nun mit JS wieder sichtbar
gemacht. Beim Internet Explorer jedoch, werden dieses beiden
Tabellenzeilen grundsätzlich beide angezeigt.

Der Wert collapse für die visibility-Eigenschaft von tr-Elementen wird
von IE (zumindest IE 6 und älter) nicht unterstützt, da dieser Wert erst
in CSS 2 definiert ist, was IE nicht unterstützt.

Gibts da eine Lösung?

Eventuell funktioniert es mit dem Wert none für die display-Eigenschaft.


--

Martin Honnen
http://JavaScript.FAQTs.com/