Script wird nicht richtig ausgeführt

M

met

Erfahrenes Mitglied
Hallo,
warum wird bei mir die Seite nicht korrekt ausgeführt? "window.innerWidth" liefert nichts.
Im AdobeGoLive-Vorschau-Fenster funkt der Code.
HTML: 
<head>
	<meta http-equiv="content-type" content="text/html;charset=utf-8">
	<title>Meine Homepage</title>
	<script type="text/javascript">
	<!--
		function laden()
		{
			window.onResize = "laden();"
			var a;
			a = window.innerWidth / window.innerHeight;
			document.Bild.width = window.innerWidth;
			document.Bild.height = window.innerWidth / a;
			alert(window.innerWidth);
		}
	//-->
	</script>
</head>

<body onLoad="laden();">
	<table width="100%" height="100%"><tr><td align="center" valign="middle">
	<a href="../Aufgabe1/links.html">
		<img name="Bild" src="startseite.jpg" align="absmiddle" lowsrc="startseite_l.jpg" width="800" height="600" alt="Durch klicken gelangst Du zu meiner Homepage.">
	</a>
	</td></tr></table>
</body>
</html>
 
Mit welchen Browser hast du das schon getestet?
Beim IE braucht man dafür glaube ich einen anderen Befehl!
 
Hallo,
bis jetzt nur mit dem IE 6.

Hast du ne Ahnung, wie ich das dann machen muß?
 
Im Link von deepthroat steht es drin.
var x,y;
if (self.innerHeight) // all except Explorer
{
x = self.innerWidth;
y = self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientHeight)
// Explorer 6 Strict Mode
{
x = document.documentElement.clientWidth;
y = document.documentElement.clientHeight;
}
else if (document.body) // other Explorers
{
x = document.body.clientWidth;
y = document.body.clientHeight;
}
Zum Vergrößern anklicken....

Jetzt nur noch das richtige Element ansprechen.
Das war's
 
Danke, es funkt.

Habt ihr auch noch ne Ahnung, wie ich die Bildgröße bei resize des Fensters verändern kann?

HTML: 
<head>
	<meta http-equiv="content-type" content="text/html;charset=utf-8">
	<title>Meine Homepage</title>
	<script type="text/javascript">
	<!--
		function laden()
		{
			var x,y;
			var a;
			if (self.innerHeight) // all except Explorer
			{
			x = self.innerWidth;
			y = self.innerHeight;
			}
			else if (document.documentElement && document.documentElement.clientHeight)
			// Explorer 6 Strict Mode
			{
			x = document.documentElement.clientWidth;
			y = document.documentElement.clientHeight;
			}
			else if (document.body) // other Explorers
			{
			x = document.body.clientWidth;
			y = document.body.clientHeight;
			} 			
			x = x-100;
			y = y-100;
			a = document.Bild.width / document.Bild.height;
			document.Bild.width = x;
			document.Bild.height = x / a;
		}
	//-->
	</script>
</head>

<body onload="laden();">
	<table width="100%" height="100%"><tr><td align="center" valign="middle">
	<a href="../Aufgabe1/links.html">
		<img name="Bild" src="startseite.jpg" align="absmiddle" lowsrc="startseite_l.jpg" width="800" height="600" alt="Durch klicken gelangst Du zu meiner Homepage.">
	</a>
	</td></tr></table>
</body>
</html>
 
Wenn mich nicht alles täuscht kann man es so
HTML: 
<body onResize="meineFunktion()">
bewerkstelligen.

Oder geht es dir eher um den Aufbau einer Resize Funktion?
 
Aber so könnte man es machen
Javascript: 
<script type="text/javascript">
window.onresize = check;
</script>

Und in der Funktion wird das gemacht wenn das Fenster verändert wird.
 
funktioniert leider nicht.

HTML: 
<html>
<head>
	<meta http-equiv="content-type" content="text/html;charset=utf-8">
	<title>Meine Homepage</title>
	<script type="text/javascript">
	<!--
		function fn_laden()
		{
			var x,y;
			var a;
			if (self.innerHeight) // all except Explorer
			{
			x = self.innerWidth;
			y = self.innerHeight;
			}
			else if (document.documentElement && document.documentElement.clientHeight)
			// Explorer 6 Strict Mode
			{
			x = document.documentElement.clientWidth;
			y = document.documentElement.clientHeight;
			}
			else if (document.body) // other Explorers
			{
			x = document.body.clientWidth;
			y = document.body.clientHeight;
			} 			
			x = x-100;
			y = y-100;
			a = document.Bild.width / document.Bild.height;
			document.Bild.width = x;
			document.Bild.height = x / a;
		}
	//-->
	</script>
</head>

<body onload="fn_laden()">
	<script type="text/javascript">
		window.onResize = fn_laden();
	</script>
	<table width="100%" height="100%"><tr><td align="center" valign="middle">
	<a href="../Aufgabe1/links.html">
		<img name="Bild" src="startseite.jpg" align="absmiddle" lowsrc="startseite_l.jpg" width="800" height="600" alt="Durch klicken gelangst Du zu meiner Homepage.">
	</a>
	</td></tr></table>
</body>
</html>
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück