[JS]Das leidige Theman: Firefox klappt.. IE nicht
0 
molily
[JS]Das leidige Theman: Firefox klappt.. IE nicht
Hallo!
Habe folgendes Seite mit JavaScript
<html>
<head>
<title> </title>
</head>
<body>
<select name="F103" id="F103">
<option>Dienstreise</option>
<option>Seminar / Kurs / Lehrgang</option>
<option>GLAZ-Tag</option>
<option>Freizeit aus Mehrarbeit</option>
<option>Urlaub</option>
<option>Sonderurlaub</option>
<option>Saldokorrektur</option>
<option>Gutschrift abgeschnittener Stunden</option>
<option>Zeitkorrektur</option>
<option>Überstunden</option>
</select>
<br>----------------------------------<br>
<div id = "F1" style="visibility:visible">Stundenzahl</div>
<div id = "F2" style="visibility:visible">Sonderurlaub</div>
<div id = "F3" style="visibility:visible">Saldokorrektur</div>
<div id = "F4" style="visibility:visible">Gutschrift</div>
<div id = "F5" style="visibility:visible">Zeitkorretur</div>
<script type="text/Javascript">
~~~~~~javascript
<!--
document.getElementById('F103').onchange = switchView;
function switchView() {
document.getElementById('F1').style.visibility='visible';
document.getElementById('F2').style.visibility='visible';
document.getElementById('F3').style.visibility='visible';
document.getElementById('F4').style.visibility='visible';
document.getElementById('F5').style.visibility='visible';
var art = document.getElementById('F103').value;
if(art != 'Dienstreise' && art != 'Seminar / Kurs / Lehrgang' && art != 'GLAZ-Tag' && art != 'Freizeit aus Mehrarbeit' && art != 'Urlaub' && art != 'Sonderurlaub')
{
document.getElementById('F1').style.visibility='hidden';
}
if(art != 'Sonderurlaub')
{
document.getElementById('F2').style.visibility='hidden';
}
if(art != 'Saldokorrektur')
{
document.getElementById('F3').style.visibility='hidden';
}
if(art != 'Gutschrift abgeschnittener Stunden')
{
document.getElementById('F4').style.visibility='hidden';
}
if(art != 'Zeitkorrektur')
{
document.getElementById('F5').style.visibility='hidden';
}
}
-->
</script>
</body>
</html>
Soweit so gut.. Es soll halt abhängig von der Auswahl nur bestimmte Divs anzeigen. Im Firefox klappt dies auch ohne Probleme. Im IE dagegen wird egal bei welcher Auswahl einfach nichts angezeigt. Wisst ihr evtl woran das liegt?
Und wie kann ich es hinbekommen, das der Platz der Element, die nicht angezeigt werden, auch wieder freigegeben wird. Der Parameter Collapse klappt ja leider nur im Firefox!
-
Hallo,
Zeigt der IE einen JavaScript-Fehler an?
document.getElementById('F103').onchange = switchView;
Ruf das mal onload auf. Das Element steht hier im IE u.U. noch nicht zur Verfügung.
document.getElementById('F1').style.visibility='visible'; (...)
var art = document.getElementById('F103').value;
if(art != 'Dienstreise' && art != 'Seminar / Kurs / Lehrgang' && art != 'GLAZ-Tag' && art != 'Freizeit aus Mehrarbeit' && art != 'Urlaub' && art != 'Sonderurlaub')
{
document.getElementById('F1').style.visibility='hidden';
}Seltsame Logik. Wieso gibst du dem option-Element nicht ein value-Attribut, in dem die zugehörige ID steht. Das Attribut liest du dann aus und blendest das zugehörige Element. Das eingeblendete speicherst du in einer Variable, sodass du nicht immer alle Elemente wieder einblenden und verstecken musst.
Und wie kann ich es hinbekommen, das der Platz der Element, die nicht angezeigt werden, auch wieder freigegeben wird.
Benutze die <http://de.selfhtml.org/css/eigenschaften/positionierung.htm#display@title=CSS-Eigenschaft display>.
Mathias
-
Vielen Dank!
Das auflösen der zugegebenermaßen seltsamen Logik hat geholfen ;)
-