Announcement

Collapse
No announcement yet.

Im IE gehts aber im FF nicht. Warum?

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • Im IE gehts aber im FF nicht. Warum?

    Hallo Leute,

    würde mich freuen wenn mir jemand sagen kann warum folgender Code nicht im FireFox funktioniert.

    Liegt es am JavaScript oder evtl. an was anderem?

    Viel Dank

    Code:
    <html>
    <head>
    <title>Frequently Asked Questions</title>
    
    <style type="text/css">
    .sichtbar{}
    .unsichtbar{display: none;}
    </style>
    
    <script language="JavaScript">
    function navigation(x){
    var aktuell = x;
    
    if(document.getElementById("Untermenue" + aktuell).className == 'unsichtbar'){
    document.getElementById("Untermenue" + aktuell).className='sichtbar';
    }
    else
    if(document.getElementById("Untermenue" + aktuell).className == 'sichtbar'){
    document.getElementById("Untermenue" + aktuell).className='unsichtbar';
    }
    }
    </script>
    
    </head>
    <body>
    
    <ul class="navi">
    
    <li class="navi22" onClick="navigation(1)"><strong>Klicke auf diesen Text? Im IE gehts, im FF nicht</strong><br>
    <font id="Untermenue1" class="unsichtbar">
             <ul>
                     <li>bla</li>
                     <li>blub</li>
                     <li>bla bla</li>
             </ul>
    </font>
    </li>
    
    <li  class="navi22" onClick="navigation(2)"><strong>Hier drauf klicken? </strong><br>
    <font id="Untermenue2" class="unsichtbar">Hier klappts aber oben nicht
    </font>
    </li>
    
    </ul>
    
    </body>
    </html>

  • #2
    Ich hab nen Workaround entdeckt. Es klappt auch im FF wenn man
    Code:
    id="Untermenue1" class="unsichtbar"
    aus dem font-tag ausschneidet und es stattdessen ins ol-tag setzt.

    Die frage warum das vorher nicht geklappt hat besteht allerdings immer noch.

    Comment


    • #3
      Hallo,
      dieses "seltsame" Verhalten liegt daran, das dein Code - hm nun ja - sehr fehlerhaft ist (wenn ich es mal vorsichtig formulieren darf).
      Mal abgesehen davon, dass das font-Tag seit einiger Zeit als Deprecated (also veraltet) markiert ist und nur in html-transitional verwendet werden sollte (OK, deinem Code fehlt die Doctype-Deklaration komplett, damit ist es wohl transitional), so dürfen als Kindelemente nur Inline-Elemente verwendet werden. <ul> ist aber ein s.g. Blockelement. Beim Versuch diesen Code trotzdem "irgendwie" darzustellen gehen nun die Vorstellungen der Browser etwas auseinander.
      Du solltest also das <font> durch ein sinnfreies Tag (z.B. <div>) ersetzen, welches auch Blockelemente enthalten darf, oder darauf verzichten und es gleich so formulieren:
      HTML Code:
      ...
      <li class="navi22" onClick="navigation(1)"><strong>Klicke auf diesen Text? Im IE gehts, im FF jetzt auch</strong><br>
               <ul id="Untermenue1" class="unsichtbar">
                       <li>bla</li>
                       <li>blub</li>
                       <li>bla bla</li>
               </ul>
      </li>
      ...
      Gruß Falk
      Wenn du denkst du hast alle Bugs gefunden, dann ist das ein Bug in deiner Denksoftware.

      Quellcode ohne ein Mindestmaß an Formatierung sehe ich mir nicht an! Ich leiste keinen Privatsupport per Mail oder PN!

      Comment


      • #4
        Originally posted by Petnein View Post
        ...Ich hab nen Workaround entdeckt.
        Das ist kein "Workaround", du hast deinen Code lediglich verschlimbessert!
        Wenn du denkst du hast alle Bugs gefunden, dann ist das ein Bug in deiner Denksoftware.

        Quellcode ohne ein Mindestmaß an Formatierung sehe ich mir nicht an! Ich leiste keinen Privatsupport per Mail oder PN!

        Comment

        Working...
        X