Foros del Web » Programando para Internet » Javascript »

Mover sub-DIV de una DIV a otra

Estas en el tema de Mover sub-DIV de una DIV a otra en el foro de Javascript en Foros del Web. Saludos a todos!! Me gustaria saber si alguien sabe una forma "sencilla" de mover una sub-capa de su contenedor a otro contenedor. Seria algo como ...
  #1 (permalink)  
Antiguo 08/11/2007, 09:46
Avatar de messer  
Fecha de Ingreso: julio-2004
Mensajes: 467
Antigüedad: 19 años, 9 meses
Puntos: 5
Pregunta Mover sub-DIV de una DIV a otra

Saludos a todos!!

Me gustaria saber si alguien sabe una forma "sencilla" de mover una sub-capa de su contenedor a otro contenedor. Seria algo como esto:

Código:
// HTML Original
<div id="cont1">
<div id="datos">Datos, datos y mas datos...</div>
</div>
<div id="cont2"></div>
Entonces seria, sacar la sub-capa "datos" de "cont1" e insertarla con todos sus datos en "cont2" de modo que quede de la siguiente forma:

Código:
// HTML Final
<div id="cont1"></div>
<div id="cont2">
<div id="datos">Datos, datos y mas datos...</div>
</div>
A ver quien puede contribuir..

Saludos!!
__________________
<script type="text/messerScript"><!--
window.onload=function(){ loadMesserRules(this.href) }
--></script>
  #2 (permalink)  
Antiguo 08/11/2007, 10:06
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 2 meses
Puntos: 772
Re: Mover sub-DIV de una DIV a otra

Hola messer

Prueba este código:

Código:
  obj = document.getElementById('datos');
  document.getElementById('cont2').appendChild(obj);
Saludos,
  #3 (permalink)  
Antiguo 08/11/2007, 11:21
Avatar de messer  
Fecha de Ingreso: julio-2004
Mensajes: 467
Antigüedad: 19 años, 9 meses
Puntos: 5
Re: Mover sub-DIV de una DIV a otra

Hola JavierB, en efecto me sirve tu codigo. Ahora podriais orientarme, lo que necesito hacer es arrastrar la capa, y segun sobre cual capa se encuentre se inserte dentro de ella, tengo la idea de como hacerlo pero me gustaria conocer opiniones para encaminar mi trabajo.

Gracias y un saludo!!
__________________
<script type="text/messerScript"><!--
window.onload=function(){ loadMesserRules(this.href) }
--></script>
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:54.