Rechercher

drag and drop avec BDD

 
Alexis
Date : 29/10/2007
Forum msgs : 39
Rank : Utilisateur

drag and drop avec BDD

Lien directde alexis le 23/04/2008 à 12:46
coucou

je montre l'exemple que je voudrais réaliser avec ma base de données.

http://www.dhtmlgoodies.com/scripts/drag-drop-custom/demo-drag-drop-2.html
 


je voudrais réaliser la meme chose que cet exemple avec dans la colonne de gauche les éléments de ma table A ( de ma BDD ) et lorsque je les déplace dans la colonne de droite , que ces éléments se retrouve dans la table B et plus dans la table A.

je pense qu'il faut utiliser de l'ajax pour pouvoir intéragir avec ma BDD mais je n'en suis pas sur à 100%. Est-ce que quelqu'un peut m'aider svp ? merci

Sky
sky
Date : 13/08/2003
Forum msgs : 4436
Rank : Admin
Localisation : toulouse

Re : drag and drop avec BDD

Lien directde sky le 23/04/2008 à 21:05
Bonjour

Oui, il te faut de l'Ajax ^^

Mais là c'est de la haute voltige quand même. Une fois que tu aura commencé pose nous tes questions.

Sky
Alexis
Date : 29/10/2007
Forum msgs : 39
Rank : Utilisateur

Re : drag and drop avec BDD

Lien directde alexis le 24/04/2008 à 10:41

Oui j'ai commencé, j'arrive à récupérer les éléments de ma BDD dans la colonne de gauche... peut être pas de la façon qu'il faudrait mais j'y arrive quand même.
Donc j'arrive à déplacer mes éléments dans la colonne de droite mais maintenant il me faut un coup de pouce pour que quand je lâche l'élément dans la colonne de droite ben ça mette à jour ma base de données. mais là je vois pas du tout ... et faudrait que si je reprends un élément de droite et que je le remet à gauche ben que la BDD se mette à jour aussi.
Alexis
Date : 29/10/2007
Forum msgs : 39
Rank : Utilisateur

Re : drag and drop avec BDD

Lien directde alexis le 26/04/2008 à 01:33
up please ... smile:
Alexis
Date : 29/10/2007
Forum msgs : 39
Rank : Utilisateur

Re : drag and drop avec BDD

Lien directde alexis le 26/04/2008 à 11:41
Comment faire lorsque que quand je clique sur un élément de gauche j'interagisse en même temps sur la BDD en selectionnant la ligne correspondant dans ma table ??
Que je commence déjà par là !!

XmlHttpRequest ??
Alexis
Date : 29/10/2007
Forum msgs : 39
Rank : Utilisateur

Re : drag and drop avec BDD

Lien directde alexis le 26/04/2008 à 14:39
bon je sais pas si quelqu'un a regardé le code du lien que j'ai mis o début,

je pense que ce qui faut faire se met dans la fonction addTarget qui est exécuté quand on dépose un élément dans une colonne.

bon j'utilise XmlHttpRequest pour communiquer avec mon serveur mais ensuite ?
Alexis
Date : 29/10/2007
Forum msgs : 39
Rank : Utilisateur

Re : drag and drop avec BDD

Lien directde alexis le 01/05/2008 à 18:12
Personne veut me filer un coup de main ???

Vous connaissez pas des tuto qui pourraient m'aider ??
Alexis
Date : 29/10/2007
Forum msgs : 39
Rank : Utilisateur

Re : drag and drop avec BDD

Lien directde alexis le 01/05/2008 à 21:46
Bon je change de technique !!!

Si je fais mon drag & drop et ensuite je clique sur un bouton submit avec un onclick() pour sauvegarder dans ma BDD, est-ce que c'est plus simple ?

Je pense partir d'un code comme celui-ci non pour ma fonction javascript quand je cliquerais sur mon bouton...


function save()
{
        var xhr;
    try {  xhr = new ActiveXObject('Msxml2.XMLHTTP');   }
    catch (e)
    {
        try {   xhr = new ActiveXObject('Microsoft.XMLHTTP');    }
        catch (e2)
        {
          try {  xhr = new XMLHttpRequest();     }
          catch (e3) {  xhr = false;   }
        }
     }
         
        xhr.onreadystatechange  = function()
    {
         if(xhr.readyState  == 4)
         {
              if(xhr.status  == 200)
                 document.ajax.dyn="Received:"  + xhr.responseText;
              else
                 document.ajax.dyn="Error code " + xhr.status;
         }
    };

        // Ici on va voir comment faire du post
        xhr.open("POST","checkpc2.php",true);
        // ne pas oublier ça pour le post
        xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
        // ne pas oublier de poster les arguments
        // ici, l'id de l'auteur
        sel = document.getElementById('dropContent2');
        xhr.send ???;
}

jdois effectuer une boucle for je pense ?
Je récupère mes éléments dans la div dropContent2 qui correspond à la colonne de droite, mais je ne sais pas comment les envoyer 1 par 1 pour les enregistrer dans ma BDD
Khouloud_Ajmi
Date : 16/04/2012
Forum msgs : 2
Rank : Utilisateur

Re : drag and drop avec BDD

Lien directde khouloud_Ajmi le 16/04/2012 à 14:04
javé le mm prob ke le tien Alexis, jsé pa si vs avez deja résolu votre prb (espéran bien smile), mai moi ossi g réalisé un code drag and drop avec le JS et je trouve un prb au niveau de sauvgarde :///
voila c preske sa : file://localhost/C:/Users/KHOULOUD/Desktop/redips2/REDIPS_drag/example09/index.html
( en faite g la liste des employer a droite et la liste des chaine de production de lotre coté, mon but et d'affecter chaque emplye à une chaine avec le sauvegarde )
jutilise symfony2 comm framwork
Khouloud_Ajmi
Date : 16/04/2012
Forum msgs : 2
Rank : Utilisateur

Re : drag and drop avec BDD

Lien directde khouloud_Ajmi le 16/04/2012 à 14:07
pluto voila

Fichier joint

Télécharger le fichier : index.html (2.31 Ko)

 

You need a account to use the forum.

Inscription

Connexion