[JQueryUI] Envoi données javascript en BDD

Marsh Posté le 26-09-2016 à 16:27:08

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 !

Marsh Posté le 26-09-2016 à 16:27:08

Marsh Posté le 26-09-2016 à 19:47:21

Tu transmets tes données au serveur, et il se charge de les écrire dans la bdd

---------------

Marsh Posté le 28-09-2016 à 14:52:36

Ok merci, en cherchant un peu j'ai fini par trouver.

Message édité par sebastien4444 le 28-09-2016 à 15:43:34

Sujets relatifs:

Leave a Replay

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

Name *

Email *

URL

Message *