JavaScript - HTML 4.01 Transitional//EN - im Firefox 3 -Nix!

    Website Programmierung - 20.03.2009 -
    Wenn ich JavaScript unter HTML 4.01 Transitional//EN programmiere, läuft im Firefox 3.07 keine JavaScript Funktion ab.
    In FF ist JavaScript unter Inhalt aktiviert!!
    Wenn ich JavaScript unter HTML 4.0 Transitional//EN programmiere, läuft im Firefox 3.07 JavaScript wunderbar.
    IE 6 + IE 7 laufen in beiden Fällen problemlos.
    Bin ziemlich ratlos. Hat Jemand eine Idee?
    guntmanfir :?

    Tja. Da wir selber nichts zum testen bekommen, können wir dazu nichts sagen.

    Normalerweise dürften beide DocTypes zum Full Standards Mode führen. sich also identisch verhalten. Generell muss man aber im Full Standards Mode aufpassen, da der sehr genau ist, was Fehler angeht. (IE als Referenz angeben ist hingegen nutzlos. Der hat von DocTypes eh keine echte Ahnung und macht alles mögliche falsch. Besser wäre ein Test mit Webkit und Opera)

    https://developer.mozilla.org/en/Mozilla%27s_DOCTYPE_sniffing

    Prüf doch mal beim Firefox in welchem Render-Modus er sich befindet (kann man über Seiteninformationen erfahren).

    Hatte falsche Einstellung - jetzt sollte alles zu sehen sei! Sorry!

    Anbei der stark reduzierte Code eines Teils der WEBSITE mit DOCTYPE HTML 4.01, bei welchem in FF3 das JavaScript nicht ausgeführt wird. OK ist es aber z.B. auf Opera9. Der Code läuft auch auf FF3, wenn der DOCTYPE mit HTML 4.0 angegeben wird. Der code ist validiert auf HTML 4.01. Welcher Fehler ist darin? Hat jemand eine Idee? Mit Script soll eine größere Grafik bei MOUSEOVER aufklappen.
    Es folgt der Kurz-Code - Die große + kleine Grafik fehlen natürlich hier.

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html lang="de">
    <head>
    <title>Kurse</title>
    <meta name="title" content="Kurse">
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
    <META http-equiv="Content-Style-Type" content="text/css">
    <META http-equiv="Content-Script-Type" content="type">

    <!-- javascript liegt sonst in ausgelagerter Datei -->

    <script type="text/javascript" >
    var refer1=true;
    function combo1()
    {
    if (refer1)
    { document.all.contents1.style.visibility="visible";
    refer1=false; }
    else
    { document.all.contents1.style.visibility="hidden";
    refer1=true; }
    }
    </script>

    </head>
    <body>

    <table style="margin-top: 1%; margin-left: 1%; width: 95%; border: 0px solid #0000ff;" cellpadding="0" cellspacing="10%" summary="Tabelle">
    <tr>
    <td style="width: 33%; border: 0px solid #0000ff; padding-left: 1%; " class="oben">
    <p><span class="uber12">Hauptsache Lernen</span></p></td>
    </tr>
    </table>

    <table style="margin-top: 0px; margin-left: 0px; width: 95%; border: 0px solid #0000ff;" summary="Tabelle">
    <tr>
    <td style=" width:16%; padding-left: 2%;" class="oben">
    <table style="padding:0px; margin-left: 0%;" border="0" title="Vergrößern" summary="Tabelle">
    <tr>
    <td align="center">
    <p>
    <p onmouseover="combo1()" onmouseout="combo1()" >
    <img style="text-align:middle; border-style:solid; border-width:1px; border-color:#0000ff" src="mitgliedkl.jpg" width="80" height="80" title="Im Anfängerkurs" alt="Im Anfängerkurs">
    </p>
    </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    <div id="contents1" style="position:absolute; left:?px; top:?px; width:?px; height:?px; z-index:1; visibility:hidden">
    <table border="0" summary="Tabelle">
    <tr>
    <td>
    <img src="mitgliedgr.jpg" width="370" height="280" style="border-style:solid; border-width:1px; border-color:#0000ff" alt="Im Anfängerkurs" title="Im Anfängerkurs">
    </td>
    </tr>
    </table>
    </div>
    </body>
    </html>