AJAX Scriptaculous : Updater des blocs DIV

AJAX Scriptaculous : Updater des blocs DIV - HTML/CSS - Programmation

Marsh Posté le 02-10-2006 à 10:33:25    

Salut à tous
 
J'utilise la librairie Scriptaculous pour faire du drag-and-drop d'éléments d'un bloc div vers d'autres blocs divs
Le problème c'est que tout se fait en local, mais moi je voudrai que le server sauvegarde (éventuellement dans une variable de SESSION) quel élément j'ai mis dans quel bloc div
 
Brièvement je dois envoyer des données au server en Ajax et je ne sais pas trop comment m'y prendre...
En effet, il faut que je puisse faire en sorte que si l'utilisateur va sur une autre page puis qu'il revienne sur la page initiale, les blocs divs doivent avoir conservé les éléments que j'ai déjà glissé-déposé.
Là actuellement les blocs divs redeviennent vierges :(
 
Un bout de code HTML pour mieux comprendre...

Code :
  1. <div id="drag-container">
  2.    <div id="item1" class="dragitem">Item 1</div>
  3.    <div id="item2" class="dragitem">Item 2</div>
  4. </div>
  5. <div id="drop-container1"></div>
  6. <div id="drop-container2"></div>
  7. <div id="drop-container3"></div>


 
Par exemple ici je voudrai que si je dépose l'item 1 dans le container 1 et 3, que je quitte la page puis que je reviens, ces mêmes containers doivent avoir conservé leurs données...
 
Je pense que la fonction Ajax.Updater peut faire l'affaire, seulement elle utilise soit la méthode GET, soit POST. Et je n'ai pas la moindre idée de comment lui passer toutes mes données en paramètres (sachant que je n'ai pas de formulaire pour utiliser POST, et pour GET comment je pourrai formater mes données...)
 
 
 
Merci d'avance pour votre aide :)
 
 
Jon

Reply

Marsh Posté le 02-10-2006 à 10:33:25   

Reply

Marsh Posté le 19-10-2006 à 00:17:57    

hello
 
je viens de me pencher exactement sur cette problématique avant hier et je m'en sers pour personnaliser une page d'accueil pour chaque user:
 
admettons que tes drag&drop fonctionnent et que tu peux en récupérer les contenus des draggables et des droppables avec la function serialize (je crois).
 
tu executes ensuite une fonction ajax (j'utilise xajax) qui va envoyer une requette avec en parametre les infos qui vont bien et tu l'inscrits dans une base de données.
 
de retour sur cette page,  ben tu fais une lecture de la BDD pour avoir les objets au bon endroit.
---
ceci dit j'ai un probleme plus sérieux :)
ce n'est pas Item 1 et Item 2 que j'ai dans mes DIV mais des choses bien plus complexes
 
vois ici: http://www.tsenagasy.com > les "blocs" à gauche sont drag/droppables, je dois pouvoir stocker l'ordre et le réafficher


---------------
Marre des reflex - je passe au M !
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed