Mover imagen en la web

[Thejuanjo]

Hola a todos, quisiera saber el código que se usa para mover una imagen a una div que guarde en la base de datos en que div se encuentra esta imagen, si puede ser en vivo, es decir que no halla que recargar la pagina para poder ver el resultado.

El ejemplo más claro del código que necesito, es el usado por el juego TRAVIAN, quiero una función igual a la que usa el héroe, para añadirles objetos.
PD: Los objetos se arrastran hacia las casillas. Y los objetos se adaptan a la posición de las casillas.

[superweb360]

Si quieres arrastrar una imagen puedes usar jQueryUI http://jqueryui.com/draggable/

[Thejuanjo]

Lo que yo quiero es que desde una lista, al pinchar y arrastrar salga un icono mientras se arrastra, y soltarlo en una div, que al sortalo envíe un registro a una base de datos.
El código que me enviaste ya lo vi, pero ese no es el que quiero, mi intención no es que se pueda libremente por la web, sino que al arrastrarlo sin soltarlo, hay que llevarlo a una div para que envíe el registro.

[carlostitoi]

En realidad lo que te envió superweb360 es precisamente lo que necesitas, revisa la sección de "Snap to an element or grid" e imagina cada caja como un "equipo de tu gladiador" y la caja gris superior como el div en donde necesitas "equipar" tus cosas, veras que cumple con lo que estas solicitando, sin embargo, esto es solo el aspecto gráfico de lo que necesitas hacer.

En JQuery hay algo que se conoce como trigger o disparador y que básicamente son eventos que se ejecutan en X momento, tu deberás emplear esta herramienta para lo que quieres hacer y combinarla con el complemento de jquery que te linkearon arriba, de esta manera, cuando arrastres y sueltes un "equipo" en tu "div" deberá haber un evento que se ejecute, este evento deberá llamar a una petición "AJAX" que se encargara de ir a tu servidor, conectar a tu base de datos, guardar la información que necesites guardar y luego retornar una respuesta, la razón de usar AJAX es que, en tus requerimientos no quieres que la pagina se refresque, pues bien AJAX cumple con esto y te permite hacer una llamada a tu servidor mientras se queda esperando una respuesta, en cuanto la recibe puedes procesarla y realizar lo que necesites con ella sin necesidad de refrescar tu portal.

Estudia un poco el complemento de Jquery y el tema de los triggers y haz tus primeros ejemplos, en cuanto tengas mas dudas puedes ir posteando y te seguimos ayudando.


PD: Juegos online como Travian, que constantemente estan refrescando información, no estan hechos en PHP, son juegos realizados en HTML y JS, aunque PHP puede emular estos, no es en mi parecer, el lenguaje adecuado para hacerlos.