Discussion :

[nicdodo]

Bonjour, je viens vers vous car je suis un peu perdu et vraiment très bloqué dans mon projet. Je crois que je me mélange un peu les pinceaux entre les différents langages et je ne sais pas quel solution utiliser pour mon problème.

J'ai une page alimenté dynamiquement par du drag and drop. Il y'a 30 zones de drop possible pour l'utilisateur, ça donne ça

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<div id = "dropzone" draggable="false">
 
        <div id = "1" class = "empty" ondragleave= "leave(this,event)" ondragover="over(this,event)" ondrop="deposer(this,event)"></div>
        <div id = "2" class = "empty" ondragleave= "leave(this,event)" ondragover="over(this,event)" ondrop="deposer(this,event)"></div>
        <div id = "3" class = "empty" ondragleave= "leave(this,event)" ondragover="over(this,event)" ondrop="deposer(this,event)"></div>
 
etc......
</div>

Imaginons que je fasse mon drag and drop et que je décide de mettre une div dans chaque div du drop ca donnera ça :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<div id = "dropzone" draggable="false">
 
        <div id = "1" class = "full" ondragleave= "leave(this,event)" ondragover="over(this,event)" ondrop="deposer(this,event)">
                      <div id="1" class="droppedfile" name="" value="" draggable="true" ondragstart="glisser(this,event)">
                              <p>fichier</p>
                     </div>
          </div>
        <div id = "2" class = "full" ondragleave= "leave(this,event)" ondragover="over(this,event)" ondrop="deposer(this,event)">
                       <div id="2" class="droppedfile" name="" value="" draggable="true" ondragstart="glisser(this,event)">
                               <p>fichier</p>
                      </div>
          </div>
        <div id = "3" class = "full" ondragleave= "leave(this,event)" ondragover="over(this,event)" ondrop="deposer(this,event)">
                      <div id="3" class="droppedfile" name="" value="" draggable="true" ondragstart="glisser(this,event)">
                                <p>fichier</p>
                        </div>
         </div>
 
etc......
</div>

L'idée c'est que l'utilisateur enregistre sa page en appuyant sur un bouton et qu'il retrouve sa page modifié précédemment à l'ouverture suivante? Ça fait un moment que je bosse dessus et je suis un grand débutant. Si il est possible de m'expliquer chaque étape comme à un enfant car le but pour moi est vraiment de comprendre le raisonnement.

Merci beaucoup

[NoSmoking]

Bonjour,
on va commencer par rappeler qu'une ID DOIT être UNIQUE,
ceci étant il va te falloir enregistrer la disposition coté serveur en y associant forcément l'utilisateur si tu souhaites que cette information soit pérenne.
A chaque identification de ton visiteur il te faudra lire ses préférences et construire ta page en conséquence.

Une solution plus « light » consiste à stocker localement les choix fait et pour cela regarde du coté de localStorage et/ou sessionStorage, la remise en position se fera donc coté client.
Comprendre le storage en HTML5

[nicdodo]

Merci pour la réponse, je vais m'y atteler