[JavaScript] Scriptfehler mit einer bestimmten HTML datei

bene600 · 19. Februar 2007

Scriptfehler mit einer bestimmten HTML datei

Nabend,
ich hab mir nen kleines Script geschrieben, was die Aufgabe hat die Fenstergröße zu ermitteln und dementsprechend ein div Layer zu vergrößern.

Das Script läuft mit meinem "Test HTML Backend" nur wenn ich es in die Seite include passiert im Firefox leider nichtsmehr. Im IE gehts weiterhin, so wie in meiner Test HTML datei.

Hier die HTML Datei

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 <title></title>
 <link rel="stylesheet" type="text/css" href="gfx/main.css" />
</head>
<body>
<div class='topspacer'><div class='logo'>&nbsp;</div></div>
<div id="haupt" class="main">
 <div id="navi" class="lnavi"><img src="gfx/gfx_04.jpg" width="150" height="157" /><br /><br /><br /></div>
</div>
<div class='bottom'>&nbsp;</div>
<!-- page ende -->
<script type="text/javascript">
if(window.innerHeight){ //firefox liefert hier True, IE nicht
 var hohe = window.innerHeight-155;
 document.getElementById("haupt").style.height = hohe;
 document.getElementById("navi").style.height = hohe;
} else if (document.body.offsetHeight) {
 var hohe = document.body.offsetHeight-159;
 document.getElementById("haupt").style.height = hohe;
 document.getElementById("navi").style.height = hohe;
}
</script>
</body>
</html>

Bin für jede Hilfe äußerst dankbar, finde den Fehler einfach nicht.

MfG

Anzeige

teh_boiiingerrr · 19. Februar 2007

AW: Scriptfehler mit einer bestimmten HTML datei

google ist dein freund.

SELFHTML: JavaScript / Objektreferenz / window

SELFHTML: JavaScript / Anwendungsbeispiele /

bene600 · 20. Februar 2007

AW: Scriptfehler mit einer bestimmten HTML datei

Ich kenne die Beispiele und hättest du dir mal den Thread richtig durchgelesen wüsstest du auch das ich kein tut suche.

Das Script funzt ja in meiner Test HTML Datei nun auch.

Kann mir jemand direkt helfen und mir sagen was ich am Script ändern muss, bzw. was falsch ist ?

Ich mache JavaScript noch nicht allzulange, weiß nun auch nicht wo der Fehler liegen könnte, gebe ich die Höhe mit document.write aus gibt er mir auch die richtige Höhe aus , nur resized er den div layer nicht (nur im Firefox, IE geht alles glatt).

dutziman · 20. Februar 2007

AW: Scriptfehler mit einer bestimmten HTML datei

Ich hab in deinem ersten Posting erkannt, was du gerne hättest. Dafüt hat dir Boinger ja schon gute Sachen gezeigt.
Den Rest hab ich leider nicht verstanden.

Erklär mal genau, was du an der funktionierenden Sache ändern willst, um das zu erreichen, was du haben willst, und warum das nicht funktioniert.

bene600 · 20. Februar 2007

AW: Scriptfehler mit einer bestimmten HTML datei

Also, ich möchte ein JavaScript schreiben, was mir die Fensterhöhe ermittelt.

Danach soll das JavaScript einen Div-Layer von der höhe her anpassen.
(Page immer als Vollbild)

Ich habe das Script mit folgender Datei entwickelt:

Code:

<html>
<head>
<title>test</title>
<style>
body {margin:0px;}
</style>
</head>
<body>
<div id="haupt" style="background:#000;">&nbsp;</div>
<script type="text/javascript">
if(window.innerHeight){
 var hohe = window.innerHeight;
 document.getElementById("haupt").style.height = hohe;
} else if (document.body.offsetHeight) {
 var hohe = document.body.offsetHeight;
 document.getElementById("haupt").style.height = hohe;
} else {
 var hohe = 400;}
</script>
</body>
</html>

Danach habe ich das Script in die oben gepostete Seite eingebunden, nur da streikt der Firefox.
Er passt die höhe des div-layers nicht an. Wenn ich mit document.write() die Variable "hohe" ausgeben lasse hat sie den richtigen Wert, daran kanns also nicht liegen.

Im Internet Explorer funktioniert es in der "richtigen" Seite (oben gepostet) genauso wie in der hier geposteten Testdatei.

Ich finde den Fehler leider nicht, der dafür sorgt das der Firefox die div-layer größe nicht anpasst.

teh_boiiingerrr · 20. Februar 2007

AW: Scriptfehler mit einer bestimmten HTML datei

Page 4 - Matching div heights with CSS and JavaScript

bene600 · 20. Februar 2007

AW: Scriptfehler mit einer bestimmten HTML datei

"edit...Sorry boinger..."

Bin immernoch auf der Suche nach Hilfe zur Sache.

Hab den "Fehler" nun gefunden.
Ersetze ich die Doctype angabe durch ein "<html>" funktioniert das ganze.

Gibts dazu ne Lösung wie ich das Script zum laufen bekomme, trotz Doctype Angabe ?

dutziman · 20. Februar 2007

AW: Scriptfehler mit einer bestimmten HTML datei

Was ist an Boingers Link Spam? Der Link trifft das Ziel deiner Javascriptversuche ziemlich gut.
"Matching div heights with CSS and JavaScript" ist doch was du machst.

teh_boiiingerrr · 21. Februar 2007

AW: Scriptfehler mit einer bestimmten HTML datei

k, dann kriegste halt keine mehr hilfe von mir. sach bescheid, wenn du von deinem hohen ross der verwöhntheit runtergekommen bist.

bene600 · 21. Februar 2007

AW: Scriptfehler mit einer bestimmten HTML datei

Sorry boinger,
die Links mögen alle ganz toll sein wenn man nen Script schreiben will.
War halt immer nicht so ganz zu meinem Anliegen.
Ich möchte auch keine 3 Div-Layer matchen oder so, sondern 1 Div-Layer nach Fenstergröße anpassen, aber naja.

Ich habs aber schon fertig und so...
Brauch jetzt nen Workaround für das Doctype Problem im Firefox finde leider auch keins bei Google.
Wenn du mir da evtl. nen link hast hab ich dich lieb :tongue:

Nützliche Suchen

[JavaScript] Scriptfehler mit einer bestimmten HTML datei

Videos zum Themenbereich