JavaScript && [HTML] Dokumenttyp-Deklaration vernichtet JS...

Yuri_Orlov · 16. September 2009

Hallo Community!

Ich habe eine JS welches ohne Dokumenttyp-Deklaration funktioniert.
Sobald ich deklariere wird das Script ignoriert.

läuft nicht:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
   <title>Test</title>
</head>
<body>

<input type="submit" onClick="javascript:document.all.loadingMessage.style.visibility = 'visible'">

<div id="loadingMessage" style="visibility:hidden">
Suchvorgang wird ausgef&#252;hrt. Bitte warten...
</div>
</body>
</html>

läuft:

Code:

<html>
<head>
   <title>Test</title>
</head>
<body>

<input type="submit" onClick="javascript:document.all.loadingMessage.style.visibility = 'visible'">

<div id="loadingMessage" style="visibility:hidden">
Suchvorgang wird ausgef&#252;hrt. Bitte warten...
</div>
</body>
</html>

Hat jemand einen Rat für mich?

mitos · 16. September 2009

Hallo,

Versuchs so:

PHP:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
   <title>Test</title>
</head>
<body>

<input type="submit" onClick="javascript:document.getElementById('loadingMessage').style.visibility = 'visible'" />

<div id="loadingMessage" style="visibility:hidden;">
Suchvorgang wird ausgeführt. Bitte warten...
</div>
</body>
</html>

mfg
mitos

DerEineDa · 16. September 2009

Die Variante des Doctypes über zwei Zeilen ist schon richtig so, um in den standardkonformen Modus zu schalten, was generell sehr empfehlenswert ist!

Das Problem ist, dass "standardkonform" auch heißt, dass "document.all" nicht definiert ist. Das ist nämlich eine Microsoft-Erfindung und wird nur aus Kompatibilitätsgründen von anderen Browsern unterstützt. Benutzen sollte man das aber lieber nicht! Besser macht man das so, dann funktioniert das auch mit dem richtigen Doctype:

HTML:

<input type="submit" onClick="javascript:getElementById('loadingMessage').style.visibility = 'visible'">

Mr. Snoot · 16. September 2009

Soll das heißen, die Zeile wird nicht aus optischen Gründen o.ä. umgebrochen?

QXARE · 16. September 2009

Also das mit den zwei Zeilen und Standard Mode hab ich noch nirgends gelesen?

Außerdem ist das javascript: im onclick Event unnötig und ein document.getElementById() reicht vollkommen aus.

DerEineDa · 16. September 2009

Hm, stimmt. Ich meine mal vor vielen Jahren gelesen zu haben, dass der Doctype über zwei Zeilen damals beim IE6 nötig war. Das kann ich aber gerade auch nicht mehr nachvollziehen. Naja, macht ja nichts.

Yuri_Orlov · 17. September 2009

Danke, das funktioniert so!

Suche

JavaScript && [HTML] Dokumenttyp-Deklaration vernichtet JS...

Yuri_Orlov

Cadet 3rd Year

mitos

Gast

DerEineDa

Lieutenant

Mr. Snoot

Gast

QXARE

Lt. Commander

DerEineDa

Lieutenant

Yuri_Orlov

Cadet 3rd Year

Ähnliche Themen