romero: <select><option> unter IE8 anderes Verhalten als unter IE6?

SELF-Forum

<select><option> unter IE8 anderes Verhalten als unter IE6?

romero
– Informationen zu den Bewertungsregeln

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

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. <select><option> unter IE8 anderes Verhalten als unter IE6?

    Ole
    – Informationen zu den Bewertungsregeln

    hi

    Liegt es an meinem Script oder an einer Einstellung vom IE8? Oder am IE8 selber?

    Meine Glaskugel tippt auf dein Script.

    Gruß
    Ole

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. <select><option> unter IE8 anderes Verhalten als unter IE6?

      Felix Riesterer Homepage des Autors
      – Informationen zu den Bewertungsregeln

      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.

      --
      ie:% br:> fl:| va:) ls:[ fo:) rl:| n4:? de:> ss:| ch:? js:) mo:} zu:)
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. <select><option> unter IE8 anderes Verhalten als unter IE6?

        Der Martin
        – Informationen zu den Bewertungsregeln

        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

        --
        Vater Staat bringt uns noch alle unter Mutter Erde.
        Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. <select><option> unter IE8 anderes Verhalten als unter IE6?

          Gunnar Bittersmann Homepage des Autors
          – Informationen zu den Bewertungsregeln

          @@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'

          --
          „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
          Beitrag melden
          –
          Informationen zu den Bewertungsregeln

    2. <select><option> unter IE8 anderes Verhalten als unter IE6?

      romero
      – Informationen zu den Bewertungsregeln

      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

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. <select><option> unter IE8 anderes Verhalten als unter IE6?

        romero
        – Informationen zu den Bewertungsregeln

        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

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. <select><option> unter IE8 anderes Verhalten als unter IE6?

          martachen
          – Informationen zu den Bewertungsregeln

          Hallo,

          ...war sozusagen der Intelligentere gegenüber IE6.

          das ist aber auch keine Leistung
          scnr
          martachen

          Beitrag melden
          –
          Informationen zu den Bewertungsregeln