MikeXY: getElementById und IE9 "Bug?"

SELF-Forum

getElementById und IE9 "Bug?"

MikeXY
– Informationen zu den Bewertungsregeln

getElementById und IE9 wollen nicht zusammen. Googles Tipps verstehe ich nicht. Hat Jemand eine Lösung?

Danke schonmal

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. getElementById und IE9 "Bug?"

    Der Martin
    – Informationen zu den Bewertungsregeln

    Hallo,

    getElementById und IE9 wollen nicht zusammen. Googles Tipps verstehe ich nicht. Hat Jemand eine Lösung?

    nicht ohne Beschreibung des Problems.

    Ciao,
     Martin

    --
    Männer haben nur eine Angst: Die Angst, kein Mann zu sein.
      (Liv Tyler, US-Schauspielerin)
    Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. getElementById und IE9 "Bug?"

      MikeXY
      – Informationen zu den Bewertungsregeln

      nicht ohne Beschreibung des Problems.

      IE9 führt die JS Funktion nicht aus, weil es getElementById nicht versteht.

      Beispiel: Auf Vorschaufotos klicken...

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. getElementById und IE9 "Bug?"

        Gunnar Bittersmann Homepage des Autors
        – Informationen zu den Bewertungsregeln

        @@MikeXY:

        nuqneH

        IE9 führt die JS Funktion nicht aus, weil es getElementById nicht versteht.

        IE9 versteht getElementById. Veilleicht verstehst du nicht, was eine ID ist?

        Identität heißt: Es kann nur jeweils eins davon geben. ID-Bezeichner MÜSSEN dokumentweit eindeutig sein, es DARF NICHT zwei Dinge mit derselben ID geben.

        Außerdem MÜSSEN ID-Bezeichner „mit einem Buchstaben ([A-Za-z]) beginnen, diesem kann eine beliebige Anzahl von Buchstaben, Ziffern ([0-9]), Bindestrichen (»-«), Unterstrichen (»_«), Doppelpunkten (»:«) und Punkten (».«) folgen.“ [HTML401 §6.2]

        Beispiel: Auf Vorschaufotos klicken...

        Auf Fehlermeldungen klicken...

        Qapla'

        --
        Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
        (Mark Twain)
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. getElementById und IE9 "Bug?"

          MikeXY
          – Informationen zu den Bewertungsregeln

          Wenn du weniger arrogant bist, empfindet man deine Antworten schon viel hilfreicher.

          Außerdem sind bild1, bild2, etc. ziemlich eindeutig und fangen auch mit A-Z an...

          Danke dennoch

          Beitrag melden
          –
          Informationen zu den Bewertungsregeln

      2. getElementById und IE9 "Bug?"

        JürgenB Homepage des Autors
        – Informationen zu den Bewertungsregeln

        Hallo MikeXY,

        IE9 führt die JS Funktion nicht aus, weil es getElementById nicht versteht.

        ich verwende getElementById gerne und oft. Bisher habe ich noch keinen aktuellen Browser gefunden, der da Probleme mit hat.

        Beispiel: Auf Vorschaufotos klicken...

        da liegt irgendwas im Argen: im FF sehe ich eine andere Seite als im IE9. Für den scheint es eine Weiterleitung zu geben.

        Gruß, Jürgen

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. Bitte

          MikeXY
          – Informationen zu den Bewertungsregeln

          Könnte Jemand kurz den Originalcode und das Beispiel im IE9 testen und mir berichten wir sein Ergebnis ausfällt? Funktionierts oder nicht?

          Ich kriege IE9 grad nicht auf mein Windows und teste das Ganze mit IeTester. Evtl. liegt hier der Fehler.

          In der Zwischenzeit werde ich versuchen mit IE9 zu beschaffen...

          Beitrag melden
          –
          Informationen zu den Bewertungsregeln

      3. getElementById und IE9 "Bug?"

        Der Martin
        – Informationen zu den Bewertungsregeln

        Hi,

        Beispiel: Auf Vorschaufotos klicken...

        dir ist aber schon klar, dass ebay in großem Stil über vom Anwender eingebundene Javascripts herfällt und sie nach Gutdünken umbaut und so "entschärft", dass sie das von ebay vorgegebene Korsett auf keinen Fall sprengen können? Dabei werden etliche Standardmethoden von Javascript durch ebay-eigene Methoden überschrieben!

        Fehlersuche auf eine ebay-Angebotsseite ist daher alles andere als sinnvoll. Teste den Code isoliert und achte drauf, ob der Fehler dort auch auftritt. Wenn nicht, fällt ein starker Verdacht auf ebay.

        Ciao,
         Martin

        --
        F: Wer ist der Herrscher über Wasser, Wind und Wellen?
        A: Der Friseur.
        Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

  2. Originalcode

    MikeXY
    – Informationen zu den Bewertungsregeln

    Hier nochmal der Originalcode, der in allen Browsern funktioniert außer IE9. Der Code ist valide...

    <body>  
  
  <div id="container">  
  
  
    <div id="linke_spalte">  
  
      <ul id="vorschaubilder">  
  
        <li>  
          <a onclick="document.getElementById('bild1').style.visibility = 'visible';document.getElementById('bild2').style.visibility = 'hidden';document.getElementById('bild3').style.visibility = 'hidden';document.getElementById('bild4').style.visibility = 'hidden';document.getElementById('bild5').style.visibility = 'hidden';document.getElementById('bild6').style.visibility = 'hidden';return false;" href="#">  
            <img src="bilder/klein/bild1.jpg" alt="" border="0" width="100" height="75" />  
          </a>  
        </li>  
  
        <li>  
          <a onclick="document.getElementById('bild2').style.visibility = 'visible';document.getElementById('bild1').style.visibility = 'hidden';document.getElementById('bild3').style.visibility = 'hidden';document.getElementById('bild4').style.visibility = 'hidden';document.getElementById('bild5').style.visibility = 'hidden';document.getElementById('bild6').style.visibility = 'hidden';return false;" href="#">  
            <img src="bilder/klein/bild2.jpg" alt="" border="0" width="100" height="73" />  
          </a>  
        </li>  
  
        <li>  
          <a onclick="document.getElementById('bild3').style.visibility = 'visible';document.getElementById('bild1').style.visibility = 'hidden';document.getElementById('bild2').style.visibility = 'hidden';document.getElementById('bild4').style.visibility = 'hidden';document.getElementById('bild5').style.visibility = 'hidden';document.getElementById('bild6').style.visibility = 'hidden';return false;" href="#">  
            <img src="bilder/klein/bild3.jpg" alt="" border="0" width="100" height="81" />  
          </a>  
        </li>  
  
        <li>  
          <a onclick="document.getElementById('bild4').style.visibility = 'visible';document.getElementById('bild1').style.visibility = 'hidden';document.getElementById('bild2').style.visibility = 'hidden';document.getElementById('bild3').style.visibility = 'hidden';document.getElementById('bild5').style.visibility = 'hidden';document.getElementById('bild6').style.visibility = 'hidden';return false;" href="#">  
            <img src="bilder/klein/bild4.jpg" alt="" border="0" width="100" height="73" />  
          </a>  
        </li>  
  
        <li>  
          <a onclick="document.getElementById('bild5').style.visibility = 'visible';document.getElementById('bild1').style.visibility = 'hidden';document.getElementById('bild2').style.visibility = 'hidden';document.getElementById('bild3').style.visibility = 'hidden';document.getElementById('bild4').style.visibility = 'hidden';document.getElementById('bild6').style.visibility = 'hidden';return false;" href="#">  
            <img src="bilder/klein/bild3.jpg" alt="" border="0" width="100" height="81" />  
          </a>  
        </li>  
  
        <li>  
          <a onclick="document.getElementById('bild6').style.visibility = 'visible';document.getElementById('bild1').style.visibility = 'hidden';document.getElementById('bild2').style.visibility = 'hidden';document.getElementById('bild3').style.visibility = 'hidden';document.getElementById('bild4').style.visibility = 'hidden';document.getElementById('bild5').style.visibility = 'hidden';return false;" href="#">  
            <img src="bilder/klein/bild4.jpg" alt="" border="0" width="100" height="73" />  
          </a>  
        </li>  
  
      </ul>  
  
  
      <div id="beidelisten">  
        <ul class="liste">  
            <li>witterungsbeständig</li>  
            <li>für 2 Personen</li>  
            <li>stabile Scharniere</li>  
            <li>mit Staufach</li>  
            <li>massives Akazienholz</li>  
            <li> Lieferumfang 1 Stck.</li>  
            <li>Lieferung teilzerlegt</li>  
        </ul>  
  
        <ul class="liste">  
          <li>Gesamthöhe:    90 cm</li>  
          <li>Gesamtbreite: 107 cm</li>  
          <li>Gesamttiefe:     69 cm</li>  
          <li>Sitzhöhe:          44 cm</li>  
          <li>Sitztiefe:           47 cm</li>  
          <li>Sitzbreite:       100 cm</li>  
          <li>Armlehnhöhe:   64 cm</li>  
        </ul>  
    </div>  
    </div>  
  
    <div id="artikel">  
      <img src="bilder/bild1.jpg" alt="" border="0" id="hauptfoto" />  
      <p class="beschreibung">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>  
  
      <h6>Zahlungsinformation</h6>  
      <p>eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet</p>  
  
      <h6>Versandinformation</h6>  
      <p>dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren</p>  
  
      <h6>Kontaktinformation</h6>  
      <p>sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd</p>  
    </div>  
  
  
  
  
  
  
  
  <div id="bild1" class="popup" style="visibility: hidden;">  
    <img src="bilder/bild1.jpg" alt="" border="0" />  
  
    <p>  
      <a onclick="document.getElementById('bild1').style.visibility = 'hidden';return false;" href="#">Fenster schließen</a>  
    </p>  
  </div>  
  
  <div id="bild2" class="popup" style="visibility: hidden;">  
    <img src="bilder/bild2.jpg" alt="" border="0" />  
  
    <p>  
      <a onclick="document.getElementById('bild2').style.visibility = 'hidden';return false;" href="#">Fenster schließen</a>  
    </p>  
  </div>  
  
  <div id="bild3" class="popup" style="visibility: hidden;">  
    <img src="bilder/bild3.jpg" alt="" border="0" />  
  
    <p>  
      <a onclick="document.getElementById('bild3').style.visibility = 'hidden';return false;" href="#">Fenster schließen</a>  
    </p>  
  </div>  
  
  <div id="bild4" class="popup" style="visibility: hidden;">  
    <img src="bilder/bild4.jpg" alt="" border="0" />  
  
    <p>  
      <a onclick="document.getElementById('bild4').style.visibility = 'hidden';return false;" href="#">Fenster schließen</a>  
    </p>  
  </div>  
  
  
  <div id="bild5" class="popup" style="visibility: hidden;">  
    <img src="bilder/bild3.jpg" alt="" border="0" />  
  
    <p>  
      <a onclick="document.getElementById('bild5').style.visibility = 'hidden';return false;" href="#">Fenster schließen</a>  
    </p>  
  </div>  
  
  
  <div id="bild6" class="popup" style="visibility: hidden;">  
    <img src="bilder/bild4.jpg" alt="" border="0" />  
  
    <p>  
      <a onclick="document.getElementById('bild6').style.visibility = 'hidden';return false;" href="#">Fenster schließen</a>  
    </p>  
  </div>  
  
  
  </div>  
  
  
  
</body>
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln