<select><option> unter IE8 anderes Verhalten als unter IE6?
romero
- javascript
0 Ole
Hallöchen an euch,
ich habe da wieder ein kleines, eher ein "IE-Verhaltendes" Problem.
Ich habe eine Verkettete Auswahlliste von selfhtml.org und diese für meine Bedürfnisse abgeändert und erweitert.
Bisher lief auch alles reibungslos.
Die Kette besteht mind. aus 3, max. aus 5 abhängigen Ketten.
Z.B.:
Flugzeugtyp -> Sektion -> Bereich
A330-200 -> 13/14 -> A (1. Bereichsauswahl)
oder
A380 -> 16/18 -> AA (1. Bereichsauswahl)
BB (2. Bereichsauswahl)
CC (3. Bereichsauswahl)
Alle Felder sind über <select><option>'s erreichbar bzw. anklickbar.
Die zusätzlichen <select><option>-Felder (2.-3. Bereichsauswahl) werden zusätzlich sicht- und anklickbar. Je nachdem was man halt vorher in der Auswahlliste angeklickt hat.
Unter IE6 läuft alles wie gewollt und ohne Probleme.
Aber unter IE8 passiert da folgendes:
Wenn ich z.B. nach der 1. Bereichsauswahl die 2. Bereichsauswahl anklicken möchte, dann springt diese <option> zwar auf, wie bei den anderen, aber bleibt nicht offen. Die <option> schließt dann automatisch. Ich kann da also nix auswählen. Mache ich da aber ein Doppelklick drauf, dann bleibt die <option> offen und ich kann einen weiteren Bereich auswählen.
Könnt ihr mir folgen? :)
Wenn ja, woran liegt es, dass eine bestimmte <option>-Auswahl unter IE6 funktioniert aber unter IE8 nicht mehr?
Liegt es an meinem Script oder an einer Einstellung vom IE8? Oder am IE8 selber?
LG Romero
hi
Liegt es an meinem Script oder an einer Einstellung vom IE8? Oder am IE8 selber?
Meine Glaskugel tippt auf dein Script.
Gruß
Ole
Lieber Ole,
Meine Glaskugel tippt auf dein Script.
das muss das neueste Modell sein! Meine kann nicht tippen. Die wird nur immer so "bewölkt" innendrin, und manchmal kriegt sie einen Sprung. :-(
Liebe Grüße,
Felix Riesterer.
Hallo Felix,
Meine Glaskugel tippt auf dein Script.
das muss das neueste Modell sein! Meine kann nicht tippen. Die wird nur immer so "bewölkt" innendrin
*g*
und manchmal kriegt sie einen Sprung. :-(
Das mit dem Sprung war doch die Schüssel, oder nicht?
Ciao,
Martin
@@Der Martin:
nuqneH
Das mit dem Sprung war doch die Schüssel, oder nicht?
Nee, du bringst die Aussis durcheinander.
Schüssel war Kanzler. Das mit dem Sprung war Baumgartner.
Qapla'
hi
Liegt es an meinem Script oder an einer Einstellung vom IE8? Oder am IE8 selber?
Meine Glaskugel tippt auf dein Script.
Gruß
Ole
Die Glaskugel will ich auch...
Das wäre der Script-Auszug (vereinfacht):
function init_Basis()
{
var SelektierungNachBereich = function()
{
if( document.Auswahl.Bereich1.options[document.Auswahl.Bereich1.selectedIndex].text == "Q" || document.Auswahl.Bereich1.options[document.Auswahl.Bereich1.selectedIndex].text == "T4L" || document.Auswahl.Bereich1.options[document.Auswahl.Bereich1.selectedIndex].text == "T4R" || document.Auswahl.Bereich1.options[document.Auswahl.Bereich1.selectedIndex].text == "T3L" || document.Auswahl.Bereich1.options[document.Auswahl.Bereich1.selectedIndex].text == "T3R" )
{
document.getElementById( "Bereich2" ).style.visibility = "visible";
document.getElementById( "Text2" ).style.visibility = "visible";
document.getElementById( "Bereich3" ).style.visibility = "hidden";
document.getElementById( "Text3" ).style.visibility = "hidden";
} else {
document.getElementById( "Bereich2" ).style.visibility = "hidden";
document.getElementById( "Text2" ).style.visibility = "hidden";
document.getElementById( "Bereich3" ).style.visibility = "hidden";
document.getElementById( "Text3" ).style.visibility = "hidden";
};
if( document.Auswahl.Bereich2.options[document.Auswahl.Bereich2.selectedIndex].text == "Q" || document.Auswahl.Bereich2.options[document.Auswahl.Bereich2.selectedIndex].text == "T4L" || document.Auswahl.Bereich2.options[document.Auswahl.Bereich2.selectedIndex].text == "T4R" )
{
document.getElementById( "Bereich3" ).style.visibility = "visible";
document.getElementById( "Text3" ).style.visibility = "visible";
} else {
document.getElementById( "Bereich3" ).style.visibility = "hidden";
document.getElementById( "Text3" ).style.visibility = "hidden";
};
document.getElementById( "Bereich1" ).onclick = SelektierungNachBereich;
document.getElementById( "Bereich2" ).onclick = SelektierungNachBereich;
document.getElementById( "Bereich3" ).onclick = SelektierungNachBereich;
document.getElementById( "Übernehmen" ).onclick = Übernehmen;
return;
};
Der HTML-Auszug:
<tr class="Zeile4">
<td class="Spalte1"></td>
<td class="Spalte3">Flugzeugtyp:</td>
<td class="Spalte4"><label id="FLTLabel" for="FLT"></label>
<select id="FLT" name="FLT">
<option value="--">Bitte wählen:</option>
<option value="SA1">A318</option>
<option value="SA2">A319</option>
<option value="SA3">A320</option>
<option value="SA4">A321</option>
<option value="LR1">A330-200</option>
<option value="LR2">A330-200 Frachter</option>
<option value="LR3">A330-300</option>
<option value="LR4">A340</option>
<option value="LR5">A340-500</option>
<option value="LR6">A340-600</option>
<option value="A380">A380</option>
<option value="A400M">A400M</option>
<option value="Aircabin">Aircabin</option>
</select></td>
<td class="Spalte5" id="Flugzeugtyp"></td>
<td class="Spalte6">Sektion:</td>
<td class="Spalte7"><label id="SektionLabel" for="Sektion"></label>
<select id="Sektion" name="Sektion">
<option value="--">Bitte wählen:</option>
</select></td>
<td class="Spalte8" id="Sek"></td>
<td class="Spalte9">Bereich:</td>
<td class="Spalte10"><label id="SektionBereich1" for="Bereich1"></label>
<select id="Bereich1" name="Bereich1">
<option value="--">Bitte wählen:</option>
</select></td>
</tr>
<tr class="Zeile5">
<td class="Spalte9"></td>
<td class="Spalte10"><label id="SektionBereich2" for="Bereich2"></label>
<select id="Bereich2" name="Bereich2" style="visibility:hidden">
<option value="--">Bitte wählen:</option>
</select></td>
</tr>
<tr class="Zeile6">
<td class="Spalte9"></td>
<td class="Spalte10"><label id="SektionBereich3" for="Bereich3"></label>
<select id="Bereich3" name="Bereich3" style="visibility:hidden">
<option value="--">Bitte wählen:</option>
</select></td>
</tr>
Das wäre der Auszug, wo ich denke, da ist der Fehler versteckt. Nur erkenne ich ihn halt nicht.
Die Funktion init_Basis wird mit <body onload> aufgerufen. Und darin wird, je nachdem was man anklickt, diverse Unterscheidungen und weitere Anklick-Optionen erstellt bzw. angezeigt.
Beispiel: Wenn also man im Bereich 1 ein "Q" anklickt, dann wird eine 2. <option> sichtbar, die man wiederrum anklicken kann. Wenn das nicht der Fall ist, bleibt diese <option> halt versteckt. Und das selbe gilt dann für den Bereich 2 in Bezug auf Bereich 3.
LG Romero
Fehler gefunden,lag am Script. Zu vieles ein- und ausgeblende, so das "er" nicht wusste in welcher Reihenfolge was zu machen wäre.
Sprich: mit einem onclick erst ausblenden, dann wieder einblenden, wieder ausblenden. Deshalb sah es bissl verwirrend aus. Und der IE8 war sozusagen der Intelligentere gegenüber IE6.
LG Romero
Hallo,
...war sozusagen der Intelligentere gegenüber IE6.
das ist aber auch keine Leistung
scnr
martachen