Bonjour,
Je cherche a faire une page permettant de regroupper plusieurs DIV draggables dans un DIV général.
- En gros, il y aurait un DIV général.
- Ensuite, lorsque l'on clique sur un bouton ajouter contenu, un DIV
avec un éditeur apparait dans le DIV général. L'utilisateur tape son
texte est le met en page avec l'éditeur, il peut ajouter une image, un
lien...
- Après, il peut placer son DIV où il veut dans le DIV général en le draggant.
- Etc...
Une fois qu'il a mis en place tous le contenu qu'il veut dans le DIV général, il sauvegarde.
En fait, une page html se génèrerait avec comme contenu le contenu du
DIV général. En sachant que la position des DIV doit être sauvegardé
pour que la mise en page corresponde aux placements qu'il a choisi pour
les DIV inclus dans le DIV général...
En gros le code de la page ressemblerait à ca:
Code :
<html>
<body>
<div id=
"general">
//Div regroupant tous les DIV <div id=
"contenu1" position=
"coordX1 coordY1"><p align=
"center">Mon texte mis en page<
/p></div>
<div id=
"contenu2" position=
"coordX2 coordY2"><p align=
"left">Encore du texte mis en page<img src=
"monimage.jpg"> blabla<
/p></div>
...
</div>
//Fin du div général</body>
</html>
Comment m'y prendre?
Je n'ai jamais fait de chose comme ca et je ne sais pas trop par ou commencer...
Merci d'avance de votre aide.