En los scripts haces referencia siempre a CapaMovil y nunca a CapaMovil2.
Modifica el código por lo siguiente:
<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;
var laCapaActiva;
function InicioArrastre(Capa) {
if (event.button == 1) {
/* Coordenadas auxiliares */
laCapaActiva = Capa;
AntX = laCapaActiva.style.pixelLeft;
AntY = laCapaActiva.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) {
laCapaActiva.style.posLeft = AntX + event.clientX - IE_X;
laCapaActiva.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(this);"
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(this);"
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>
Lo que te modifique fue lo siguiente... En los estilos, no cerrabas la
etiqueta de CapaMovil, entonces, CapaMovil2 no tenia posicion absoluta (por
ende, al modificar las posicones X e Y no se movia). Agregue una variable
nueva que se llama "laCapaActiva" y al método de movimiento le pase el
paramtro "this", que es el que asignamos a laCapaActiva. De esta forma se
hace referencia a la capa que uno quiere mover.
Saludos!!!!
El día 14/05/07, WalteR <[EMAIL PROTECTED]> escribió:
>
> 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
>
--
Juan José Montes de Oca Arbós.
[EMAIL PROTECTED]
[EMAIL PROTECTED]
http://world5.monstersgame.es/?ac=vid&vid=58044309
http://www.montesoft.com.ar
------------ próxima parte ------------
Se ha borrado un adjunto en formato HTML...
URL:
http://lists.scriptia.net/pipermail/javaescript-scriptia.net/attachments/20070514/345fcee3/attachment.html
_______________________________________________
javaEScript mailing list
[email protected]
http://lists.scriptia.net/listinfo.cgi/javaescript-scriptia.net
