29/03/2002, 02:37
|
| | | Fecha de Ingreso: enero-2002 Ubicación: México
Mensajes: 23
Antigüedad: 23 años Puntos: 0 | |
| Re: Problema con capas
Hola:
Creo que el problema era que en Mover2 asignabas una “a” no definida a la posición, aquí esta el código probado, espero te sirva ...
<HTML>
<HEAD>
<TITLE>Algo</TITLE>
<STYLE type="text/css">
#capa1,#capa2{ position: absolute; visibility: visible; left: 100px; top: 100px; }
</STYLE>
<SCRIPT languaje="JavaScript" type= "text/javascript">
var Pos_Top=100; var Pos_Left=200;
function Asigna(id,propiedad,valor){
if(document.layers) //Netscape 4x
eval('document.'+id+'.'+propiedad+'='+valor);
if(document.all) //IE
eval(id+'.style.'+propiedad+'='+valor);
if(!document.all&&document.getElementById) //Netscape 6x
eval('document.getElementById("'+id+'"). style.'+propiedad+'='+valor);
}
function Mover(capa1,capa2){
if (Pos_Top != 300) Pos_Top += 5;
else Pos_Top=300;
if (Pos_Left != 500 ) Pos_Left += 5;
else Pos_Left = 500;
Asigna(capa1,"top",Pos_Top);
Asigna(capa2,"left",Pos_Left);
var temporal="setTimeout('Mover(\""+cap a1+"\",\""+capa2+"\" )',20)";
if(Pos_Left!=500) eval(temporal);
}
</SCRIPT>
</HEAD>
<BODY onload="Mover('capa1','capa2')">
<DIV id=capa1>
Algo 1
</DIV>
<DIV id=capa2>
Algo 2
</DIV>
</BODY>
</HTML>
Saludos
;) |