Mover imagen en la web

[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.