Como arrastrar imagenes de una tabla a otra??

Supervic · #1 (**permalink**) 03/03/2007, 17:44

Hola!!!

A ver si me podeis echar una manita.

Tengo 2 tablas iguales con 9 celdas cada una. En la de la izquierda tengo 9 imagenes, una en cada celda, y quiero arrastrar cada imagen a la celda de la tabla de la derecha arrastrandola con el raton.

Tengo implementada una funcion drags y una funcion move en javascript. Asi mismo en cada celda de la tabla con las imagenes incluyo la clase drag de forma que puedo arrastrar la imagen.

Lo que no se hacer es que cuando la imagen pase por encima de una celda de la tabla de la derecha esta se quede ahi. No tengo ni idea de que atributos usar ni si hay alguna funcion especifica en html y no he encontrado ningun ejemplo de lo que quiero.

Solo puedo usar html, nada de php, ni css...

Muchas gracias.

Shade · #2 (**permalink**) 04/03/2007, 06:38

http://demo.script.aculo.us/shop Quizas te sirva

juliopez · #3 (**permalink**) 05/03/2007, 09:07

No te hace falta más que html.
con dreamweber las imágenes se arrastran sin mayor problema y conservando las funciones.
De cualquier manera copiando secciones de código y con cualquier editor de texto, wordpad por ejemplo, lo que hay dentro de <th> </th> o bien <td> </td> es imposible que no copies exactamente todo lo relativo a cada imagen, porque las funciones quedan fuera del código, por ejemplo:
<body onLoad="MM_preloadImages('simbolo.gif')">
<a href=".com" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','simbolo.gif ',1)"><table width="70%" border="1">
<tr>
<td> </td>
<td><img src="pupila.gif" alt="ejemplo" name="Image1" width="117" height="117" border="0"></td>
</tr>
</table>
</a>
</body>
esto intercambia entre símbolo y pupila pero basta con copiar la pupila de sitio, pues a esta ya la has llamado Image1