Comment créer une mise en page d'igoogle (drag & drop & store) en utilisant PHP et AJAX?

Question

Dans igoogle, nous pouvons faire glisser & déposer les modules et puis si nous quittons le navigateur et l'ouvrons à nouveau, la position de chaque module reste la même. J'ai testé quelques éléments:

1. Lorsque non connecté, igoogle stocke la position des modules dans mes cookies (cache). Parce que si j'efface le cache, il revient à sa position d'origine. Lorsque je me suis connecté, après avoir positionné les modules, même si je me déconnecte et que je vide mon cache, si je me reconnecte, les modules sont toujours les mêmes, pas en position d'origine.

Ce que je veux demander:

1. Comment stocker la position des modules pour connecté et non connecté utilisateur?

2. Quelles sont les compétences requises? (J'utilise php, mysql et jquery)

3. Y at-il de bons tutoriels auxquels je peux me référer?

Answer 1

Il y a un très bon tutoriel ici: http://nettuts.com/tutorials/javascript-ajax/inettuts/

Vous devrez stocker les données des utilisateurs dans une table MySQL. Peut-être mettre en place une colonne "colonne/ligne" dans votre table mysql avec un id de contenu lié. Si vous n'avez aucune connaissance des bases de données relationnelles, ce serait une bonne idée de commencer par là. Si vous comprenez les principes de base de la base de données, il s'agira d'une simple requête de mise à jour pour stocker les informations sur les utilisateurs en fonction d'un cookie dont la date d'expiration est prévue. Si vous autorisez les utilisateurs à se connecter (comme google), l'utilisation de cookies n'est pas nécessaire (mais peut être utile), car vous pouvez utiliser les données de position div qui sont stockées dans votre table mysql.

Answer 2

Logic behind drag and drop

1. utilisation http://jqueryui.com/demos/sortable/ pour permettre une liste triable de divs
processus
2. le sortable ("toArray") à la base de données
3. charge dans l'ordre de db pour les obtenir en place