Hola a todos queria saber que hay que corregir en el codigo para que pueda
mover a voluntadad cada una de las capas.
Como esta el codigo sol puedo movilizar una que es la ID="CapaMovil"
y cuando quiero mover la ID="CapaMovil2" se mueve la anterio y esta no.
muchas gracias
Walter
<HTML>
<HEAD>
<STYLE TYPE="text/css">
<!--
#CapaMovil {
position:absolute;
#CapaMovil2 {
position:absolute;
}
//-->
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
var IE_X, IE_Y, AntX, AntY, RatonPulsado = false;
function InicioArrastre(Capa) {
if (event.button == 1) {
/* Coordenadas auxiliares */
AntX = CapaMovil.style.pixelLeft;
AntY = CapaMovil.style.pixelTop;
IE_X = event.clientX;
IE_Y = event.clientY;
RatonPulsado = true;
document.onmousemove = Arrastrar;
return false;
}
}
function FinArrastre() {
if (event.button == 1) {
RatonPulsado = false;
return false;
}
}
function Arrastrar() {
if (RatonPulsado) {
document.all.CapaMovil.style.posLeft = AntX
+ event.clientX - IE_X;
document.all.CapaMovil.style.posTop = AntY
+ event.clientY - IE_Y;
return false;
}
}
document.onmouseup = FinArrastre;
//-->
</SCRIPT>
<script>
function clic2(){
alert('Hiciste doble clics')
}
</script>
</HEAD>
<BODY BGCOLOR=white>
<DIV ID="CapaMovil" onMouseDown="InicioArrastre();" onDblClick="clic2();"
STYLE="left:20px;top:100px;">
<p align="center"> <IMG SRC="icon.jpg" width="22" height="27" > <br>
<font face="Verdana" size="2">Acceso directo</font></DIV>
<DIV ID="CapaMovil2" onMouseDown="InicioArrastre();" onDblClick="clic2();"
STYLE="left:50px;top:100px; width:133; height:65">
<p align="center"> <IMG SRC="icon2.jpg" width="22" height="27" > <br>
<font face="Verdana" size="2">Acceso directo 2</font></DIV>
</BODY>
</HTML>
---------------------------------
Preguntá. Respondé. Descubrí.
Todo lo que querías saber, y lo que ni imaginabas,
está en Yahoo! Respuestas (Beta).
Probalo ya!
------------ próxima parte ------------
Se ha borrado un adjunto en formato HTML...
URL:
http://lists.scriptia.net/pipermail/javaescript-scriptia.net/attachments/20070514/c9ae18e6/attachment.html
_______________________________________________
javaEScript mailing list
[email protected]
http://lists.scriptia.net/listinfo.cgi/javaescript-scriptia.net
