funcion settimeout
Publicado por peredinha (4 intervenciones) el 29/09/2007 23:41:14
hice el siguiente programa, al activar un boton se mueve la imagen hasta un limite fijado, al darle a otro boton se me situa la imagen en la posicion inicial, pero le doy de nuevo al boton mover imagen y no mueve, (tengo que actualizar para que se vuelva a mover), alguien que lo solucione?, mi codigo:
<HTML><HEAD><TITLE>Página con Filtros</TITLE>
</HEAD>
<BODY>
<SCRIPT language=JavaScript>
<!--
var paso=5;
function MueveCapa(){
var antx, limited=300, limitei=0;
antx= parseInt(capa1.style.top);
if (antx<limitei){
paso=5;
return true;
}
else{
if (antx > limited){
imagen.style.filter="alpha(enabled=1, opacity=10)";
paso = 0;
}
capa1.style.top= antx + paso;
setTimeout("MueveCapa()",5);
}
return true;
}
function DevuelveCapa(){
imagen.style.filter="alpha(enabled=1)";
capa1.style.top=20;
return true;
}
//-->
</SCRIPT>
<CENTER>
<H3>Pantalla de Movimiento y Filtros</H3></CENTER>
<DIV id=capa1 style="top: 20px; POSITION: absolute; TOP: 50px; VISIBILITY: visible; Z-INDEX: 1">
<IMG height=110 id=imagen src="moj1.jpg" width=75> </DIV>
<DIV id=capa2 style="top: 20px; POSITION: absolute; TOP: 200px; VISIBILITY: visible; Z-INDEX: 2">
<FORM name=miform>
<INPUT onclick=MueveCapa(); type=button value="Mover Imagen">
<INPUT onclick=DevuelveCapa(); type=button value="Situar Imagen">
</FORM></DIV></BODY></HTML>
<HTML><HEAD><TITLE>Página con Filtros</TITLE>
</HEAD>
<BODY>
<SCRIPT language=JavaScript>
<!--
var paso=5;
function MueveCapa(){
var antx, limited=300, limitei=0;
antx= parseInt(capa1.style.top);
if (antx<limitei){
paso=5;
return true;
}
else{
if (antx > limited){
imagen.style.filter="alpha(enabled=1, opacity=10)";
paso = 0;
}
capa1.style.top= antx + paso;
setTimeout("MueveCapa()",5);
}
return true;
}
function DevuelveCapa(){
imagen.style.filter="alpha(enabled=1)";
capa1.style.top=20;
return true;
}
//-->
</SCRIPT>
<CENTER>
<H3>Pantalla de Movimiento y Filtros</H3></CENTER>
<DIV id=capa1 style="top: 20px; POSITION: absolute; TOP: 50px; VISIBILITY: visible; Z-INDEX: 1">
<IMG height=110 id=imagen src="moj1.jpg" width=75> </DIV>
<DIV id=capa2 style="top: 20px; POSITION: absolute; TOP: 200px; VISIBILITY: visible; Z-INDEX: 2">
<FORM name=miform>
<INPUT onclick=MueveCapa(); type=button value="Mover Imagen">
<INPUT onclick=DevuelveCapa(); type=button value="Situar Imagen">
</FORM></DIV></BODY></HTML>
Valora esta pregunta
0