Archief - JS: IE & Firefox | script werkend krijgen

Breen · 26 jul 2005

Code:

<script>
function adjustWH(value){
  Height =  window.innerHeight || document.body.offsetHeight
  target = value/Height * 100
  if (target < 100) {
  target = 100
  }
  document.getElementById("main").height = (Math.floor(target))+"%"
}
</script>

Ik zou volgend script graag werkende krijgen in firefox, is er iets wat ik hier duidelijk fout doe?

Bedankt,

DarkBone · 26 jul 2005

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN">
<html>

	<head>
		<title>JavaScript</title>

		<script [color=orange]type="text/javascript"[/color]>
			function adjustWH(value)
			{
				Height =  window.innerHeight || document.body.offsetHeight;
				target = value/Height * 100;
				if (target < 100)
				{
					target = 100;
				}
				document.getElementById("main")[color=red].style[/color].height = (Math.floor(target))+"%";
			}
		</script> 

		<style type="text/css">
			#main
			{
				background-color: red;
			}
		</style>

	</head>
	<body>

		<div id="main">
			<a href="#" title="doe!" onclick="adjustWH(700);">doe!</a>
		</div>

	</body>
</html>

Het rode is noodzakelijk om het werkende te krijgen. De hoogte is een visuele aanpassing en hoort dus thuis bij de stijlen.

Het oranje is correcter, je dient aan te duiden om welke scripttaal het gaat.

Breen · 26 jul 2005

Bedankt,

Heb het opgelost, had die .style.height al geprobeerd, maar dat werkte niet (ik poogde om een flash movie te vergroten, <object> dus) maar nadat ik er een <div> rond gezet had, en die ook de juiste hoogte had gegeven werkte deze code dan wel

Archief - JS: IE & Firefox | script werkend krijgen

Breen

Legacy Member

DarkBone

Legacy Member

Breen

Legacy Member