Hola amigos:
Tengo el siguiente problema y no se que hacer.
Necesito que al clicar en un enlace una capa (de movimiento aleatorio) se reposicione en unas coordenadas "x" e "y" específicas de la pantalla.
Básicamente en las del propio enlace.
Hasta ahora lo que tengo es esto:
--------------------------------------------------
--------------------------------------------------
Mover capas en Netscape:
El enlace:
<a href="#" onclick="document.capaamover.moveTo(400,100)">Puls a para mover la capa</a>
No me funciona y no se porque. Tengo la versión 7.
No funciona ni en Mac ni en Pc.
--------------------------------------------------
Mover capas en Explorer:
El enlace:
<a href="#" onclick="capaamover.style.pixelLeft=400; capaamover.style.pixelTop=100">Pulsa para mover la capa</a>
Si me funciona, en Mac y Pc.
--------------------------------------------------
Mover capas en Netscape y Explorer:
El javascript
:
<!--
if(document.layers){ // si se trata de Netscape 4
Refcapa='document.'
Refestilo=''
Reftop='.top'
Refleft='.left'
}else if(document.all){ // si se trata de Internet Explorer 4
Refcapa=''
Refestilo='.style'
Reftop='.pixelTop'
Refleft='.pixelLeft'
}
function movercapa(capa,xstop,ystop){
eval(Refcapa+capa+Refestilo+Refleft+'='+xstop)
eval(Refcapa+capa+Refestilo+Reftop+'='+ystop)
}
// -->
///////////////////////////////////////////////
El enlace:
<a href="#" onClick="movercapa('capaamover',400,100)">Pulsa para mover la capa</a>
Con Explorer y pc si me funciona
Con Netscape y pc no me funciona
Con Explorer y Mac no me funciona
Con Netscape y Mac no me funciona
He visto por ahí que mediante getElementById funciona en los dos navegadores y las dos plataformas.
Ejemplo de código:
<html>
<head>
<title>Untitled</title>
<script language="Javascript">
function mover(nombreCapa){
valor=document.getElementById(nombreCapa).style.to p;
numero=parseInt(valor);
numero+=5;
document.getElementById(nombreCapa).style.top=nume ro;
}
</script>
</head>
<body>
<div id="capa1" style="position:absolute;width:100;height:100;top: 100;left:100;background-color:blue">Capa 1</div>
<form name="miform" action="#">
<input type="button" onclick="mover('capa1')" value="Mover Capa">
</form>
</body>
</html>
Pero, como hago para que se mueva a unas "X" e "Y" determinadas??
Gracias de antemano.