Buenas tengo este codigo:
Código:
function Calc() {
var wImage = 130;
var hImage = 100;
var tPage = document.body.clientWidth;
var tLayer = Math.floor(tPage/wImage);
var mLayer = Math.floor(tPage/tLayer);
var pInici = Math.floor((mLayer-wImage)/2);
var cLayer = Math.ceil(20/tLayer);
var nLayer = 1;
var LayTop = 10;
for(CntLy = 1; CntLy <= cLayer ; CntLy++) {
var LayLeft = pInici;
for(CntCn = 1; CntCn <= tLayer; CntCn++) {
ObjDiv = document.getElementById('Layer' + nLayer);
ObjDiv.style.position = "absolute";
ObjDiv.style.Left = LayLeft;
ObjDiv.style.Top = LayTop;
var LayLeft = LayLeft + mLayer;
nLayer++;
}
var LayTop = LayTop + hImage;
}
}
Cuando lo ruedo, me da este error "
Error: ObjDiv has no properties", a que se puede deber el error, porque yo veo el codigo bien :S
El index.php contiene esto:
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Fotos</title>
</head>
<script src="script.php" type="text/javascript"></script>
<body onLoad="Calc()" onResize="Calc()">
<?php
for($TmpSb = 1; $TmpSb <= 20; $TmpSb++) { echo '<div id="Layer'.$TmpSb.'" style="position:absolute; background-color:#000099; Width:120px; Height:90px;"></div>'."\n"; }
?>