Necesito un complemento jQuery que tomará una tabla HTML y permitirá el reemplazo de celdas entre sí, mediante arrastrar y soltar. Ejemplo:

[1][2][3]
[4][5][6]
[7][8][9]

Cuando arrastre 1 a 9, debería reemplazarlas así:

[9][2][3]
[4][5][6]
[7][8][1]

Idealmente con una función de devolución de llamada opcional (para actualizar una página remota con ajax).

Gracias de antemano.

0
Madara's Ghost 2 ago. 2011 a las 22:52

3 respuestas

La mejor respuesta

Mira esto: http://www.redips.net/javascript/drag-and- drop-table-content /

Marque la opción "Cambiar contenido" debajo de la tabla.

2
VIK 2 ago. 2011 a las 19:16

Si no es un complemento, entonces al menos cómo llegar a él e incluso intentar escribirlo yo mismo.

Usando jQuery UI puede crear elementos arrastrables. También puede crear elementos desplegables.

Intente jugar con esas demostraciones usando una tabla y celdas de tabla y vea hasta dónde puede llegar usted mismo. Si te encuentras en un callejón sin salida, ¡vuelve y alguien podrá ayudarte una vez que tengas un código!

1
citizen conn 2 ago. 2011 a las 19:05

¡Lo tengo! http://jsfiddle.net/8dRZz/

En este ejemplo, permanecerá "cargándose" para siempre, fácilmente comprensible ya que el controlador no está allí, por lo que no hay una llamada exitosa de AJAX.

1
Madara's Ghost 2 ago. 2011 a las 19:15