Hallo,
Ich hab mir ne Selectbox gebaut, die bei Auswahl von "ausw" die checkbox anzeigt und sonst entfernt:
<code lang=html>
<td colspan=3><select name='serie' onchange='adde(this.value)'>
<option value='mofr'>Mo-FR</option>
<option value='ausw'>Auswahl</option></select>
<tr id=wahl style='visibility:hidden;'>
<td colspan=3><input type=checkbox name=auswahl[] value=mo>Montag
<input type=checkbox name=auswahl[] value=di>Dienstag
</td></tr>
</code>
<code lang=javascript>
function adde(ergebnis) {
var auswahl = 'ausw';
if (ergebnis == auswahl) {
dazu();
}
else {loeschen();
}
}
function loeschen() {
document.getElementById('wahl').style.visibility='hidden' //den tr "wahl" auf versteckt setzen
//document.getElementById('wahl').style.display='none'
}
function dazu() {
document.getElementById('wahl').style.visibility='visible' //den tr anzeigen
//document.getElementById('wahl').style.display='block'
}
</script>
</code>
Jetzt die Frage: Wenn ich visibility nehme, werden im IE6 und Netscape 7.1 die Checkboxen ohne Text angezeigt, im Fox ok. Wenn ich aber display nehme, wirds im IE und Netscape richtig angezeigt, aber nicht im Fox. Wie schaffe ich das entweder durch Browserunterscheidung beides zu nutzen oder eine Lösung für alle zu bekommen?
gruß aus Senftenberg am See