Bonjour,
J'ai actuellement une page qui affiche plusieurs images (dans des balises <article> )qui sont rafraîchies toutes les minutes.
J'aimerai que les utilisateurs puissent déplacer et redimensionner les différentes images afin de se créer une vue personnalisée de ce groupe d'image.
Concernant le déplacement et redimensionnement, je me suis débrouillé avec les fonctions "draggable" et "resizable" de JQuery UI et cela fonctionne très bien.µ
Seulement, au rechargement de la page toutes les minutes, l'utilisateur perd la configuration qu'il vient de se creer en jouant sur les tailles et dispositions (logique!).
Je voudrai donc envoyer la taille et la position de chaque image en base de donnée.
Voici mon code Jquery qui rend mes balises article repositionnable et redimensionnable et qui récupère la position et la taille finales de ceux-ci :
Code :
- $(function(){
- $('article')
- .draggable({
- stop: function(event, ui){
- var xPos = ui.offset.left;
- var yPos = ui.offset.top;})
- .resizable({
- stop: function(event, ui){
- var width = ui.size.width;
- var height = ui.size.height;})
- })
|
Je voudrai maintenant envoyer les données de ces variables à ma BDD mais je ne sais pas comment m'y prendre
Est-il possible de le faire directement dans ce code (dans les fonctions de "stop) avec Ajax ?
C'est ce que j'aimerai faire mais je ne sais pas si il est possible de transmettre des variables javascript à ma BDD.
Si ce n'est pas possible, quelle serai la solution ?
Merci d'avance !