Orientación teórica para un problema

[ananda]

Hola, quiero hacer una cosa y me gustaría que me dijeran como lo haríais vosotros, no pido códigos hechos ni nada por el estilo, me gustaría saber de que manera resolveríais el problema y con que herramientas. Lo que quiero hacer es que cada usuario pueda crear ciertos "divs" dentro de una pagina en blanco y que esos divs los pueda mover donde quiera de esa página y una vez finalizado y guardado cuando el usuario vuelva a iniciar sesión vea los divs donde los guardó por última vez. Lo que yo había pensado (creo que es posible) es, analizar en que posición esta cada div (cuanto margin tiene respecto a la página) y guardar esa información en una base de datos y una vez entre el usuario, crear los divs en el sitio en función de la información que hay en la base de datos. No sé si es posible ya que debería hacer como un "css dinámico" y costaría, se os ocurre otra forma mejor o que se pueda implementar de manera más sencilla?

Muchas gracias por leer el párrafo y más si me ayudáis

Un saludo, Marc.

[XD2XD2]

Para poder moverlo se utiliza jQuery y si creo que es buena idea.

[ananda]

Gracias, más opiniones?

[leo_nqn]

Java script.. hay varias librerías, deberías investigar cual es la que mas te conviene, si tenes que hacer ademas de estos consultas al servidor, tenes que tener en cuenta otras cosas. Creo que el ordenamiento de los divs lo deberías almacenar en algun lugar, y para llegar a esto necesitas una base de datos y php para guardar la info y consultar, ademas necesitarías de ajax para poder hacer consultas sin refrescar la pagina.. yo uso DOJO es una librería que me gusta mucho, pero como te dije antes, deberías ver cual te conviene.

Saludos.

[ananda]

Gracias por la información, buscaré acerca de ello, más opiniones?

[patilanz]

Yo ahora mismo estoy realizando algo parecido. Lo que pienso hacer es con javascript crear los divs y luego igual con javascript mover los con el raton. Sin usar librerias. Para guardarlo utilizare ajax pero me quede en la manera de pasar tantos datos al servidor. Cuando se crea un div guardare su id en un array global y luego con ajax pasare por el array obteniendo el top left y z-index de los divs. La proxima vez que se cargue con php escribire los divs.

Saludos

[0123]

Buenas ananda,

Lo que comentas no es muy complicado. No se cuanto sabes de Javascript, yo no uso Jquery... pero he encontrado esto: http://jsfiddle.net/MadLittleMods/4Vfm5/ . Creo que es realmente es muy facil realizar una llamada AJAX cada vez que un div se modifica. Y guardar esa informacion en una base de datos.

Cuando vuelva el usuario por medio de los cookies sabras que usuario es y desde el servidor le enviaras la informacion de los divs.

Un saludo

[0123]

Ups... me he duplicado

[hackjose]

Mover los elementos en el documento Busca Drag and Drop, es facil pero te sugiero que utilices jquery para que no te estes preocupando de que si tu codigo es cross browser

Las posiciones de los divs con respecto al documento
La propiedad offsettop/offsetleft javascript
https://developer.mozilla.org/en-US/...ment.offsetTop

Las posiciones las toma con respecto al documento

Si vas a usar un container posicionado(relative/absolute) sera la posicion de los elementos con respecto al container

Ya solo pones un botoncito de guardar y envias las posiciones a la BD

A la hora de presentar de nuevo envias una peticion tras el evento load y creas los elementos div

con createelement
Despues estableces los estilos con la propiedad style

elemento.style.propiedad = valor

Saludos
Por cierto una vez utilice dojo pero es una libreria muy pesada, y este proyecto pienso que es "de complejidad normal" por lo que usar dojo seria muy pesado para lograr tu objetivo, si acaso utiliza solo jquery

[ananda]

Hola, antes de todo, muchas gracias a todos los que habéis ayudado, ahora tengo mucho más claro todo el asunto. No obstante, tengo un problema práctico: Uso la propiedad javascript OffsetTop para saber cuanto Top está el div, la propiedad funciona perfectamente pero lo que me gustaría es que me diese la distancia en % y no en píxeles para hacer la web responsive, es posible? Muchas gracias!