Tema: Coger informacion del div
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 05/07/2010, 19:31
Blashak
 
Fecha de Ingreso: noviembre-2007
Mensajes: 471
Antigüedad: 16 años, 6 meses
Puntos: 2
Coger informacion del div
Buenas,

Tengo un div en el cual se puede arrastrar pero lo que me falta es que cuando ese div lo arrastre sobre un td me salte la informacion del div.

dejo mi codigo

Código HTML: 
Ver original
  1. <html xmlns="http://www.w3.org/1999/xhtml">
  2. <head>
  3. <style type="text/css">
  4.   .objMovible{
  5.     position:absolute;
  6.     cursor:pointer;
  7.     z-index:1;
  8.     left: 16px;
  9.     top: 17px;
  10. }
  11. </style>
  12. <title>Documento sin título</title>
  13.  
  14. <script type="text/javascript"> 
  15.         //Si el navegador del cliente es Mozilla la variable siguiente valdrá true
  16.         var moz = document.getElementById && !document.all;
  17.         
  18.         //Flag que indica si estamos o no en proceso de arrastrar el ratón
  19.         var estoyArrastrando = false;
  20.         //Variable para almacenar un puntero al objeto que estamos moviendo
  21.         var dobj;
  22.         
  23.         function arrastrarRaton(e){
  24.             
  25.             if (estoyArrastrando) {
  26.                 
  27.                 newLeft = moz ? e.clientX : event.clientX;
  28.                 newTop = moz ? e.clientY : event.clientY;
  29.                 //alert(newLeft - parseInt(dobj.style.width)/2);
  30.             
  31.                 dobj.style.left = newLeft - parseInt(dobj.style.width)/2;
  32.                 dobj.style.top = newTop - parseInt(dobj.style.height)/2;
  33.  
  34.                 return false;
  35.             }
  36.         }
  37.  
  38.  
  39.         function soltarBoton(e) {   
  40.             estoyArrastrando = false;
  41.         }
  42.         
  43.         
  44.         function presionarBoton(e) {
  45.             //Obtenemos el elemento sobre el que se ha presionado el botón del ratón
  46.             var fobj = moz ? e.target : event.srcElement;
  47.             //alert(fobj.parentNode);
  48.             // Buscamos el primer elemento en la que esté contenido aquel sobre el que se ha pulsado
  49.             // que pertenezca a la clase objMovible. 
  50.             
  51.             while (fobj.tagName.toLowerCase() != "html" && fobj.className != "objMovible") {
  52.                 fobj = moz ? fobj.parentNode : fobj.parentElement;
  53.             }
  54.             
  55.             // Si hemos obtenido un objeto movible...           
  56.             if (fobj.className == "objMovible") {
  57.                 // Activamos el flag para indicar que se empieza a arrastrar
  58.                 estoyArrastrando = true;
  59.                 // Guardamos un puntero al objeto que se está moviendo en la variable global
  60.                 dobj = fobj;
  61.                 
  62.                 // Devolvemos false para no realizar ninguna acción posterior
  63.                 return false;
  64.             }
  65.         }
  66.         
  67.         document.onmousedown = presionarBoton;
  68.         document.onmouseup = soltarBoton;
  69.         document.onmousemove = arrastrarRaton;
  70.  
  71.         document.oncontextmenu=new Function("return false");    
  72.     </script> 
  73. </head>
  74.  
  75. <body>
  76. <div class="objMovible" style="width:80px;height:80px;background-color:#CC0000"></div><br>
  77. <table width="200" border="1">
  78.   <tr>
  79.     <td></td>
  80.     <td>&nbsp;</td>
  81.   </tr>
  82.   <tr>
  83.     <td>&nbsp;</td>
  84.     <td>&nbsp;</td>
  85.   </tr>
  86. </table>
  87. </body>
  88.  
  89. </html>

Alguna idea???

Saludos