begin process at 2012 05 29 21:38:45
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

Framework

 > 

Ajax

 > 

Probleme d'update BDD avec Drag 'n Drop


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Probleme d'update BDD avec Drag 'n Drop

mercredi 6 mai 2009 à 20:20:41 | Probleme d'update BDD avec Drag 'n Drop

IceP42

Bonjour,

j'ai un probleme avec l'utilisation du drag'n drop sur une liste de jeux. Je
récupère la liste des jeux à partir d'une base de donnée sql et j'arrive à
rendre cette liste de jeux draggable, jusque là tout vas bien. Mais ce que je
n'arrive pas à faire c'est mettre à jour ma table dans ma base de donnée.
J'utilise la Framework JQUERY pour le drag'n drop. D'après les tutos que j'ai
pu trouver sur le net, il faut utiliser de l'ajax pour envoyer une requête vers
la base de donnée et c'est là que je coince, chez moi ça ne marche pas.

je vous donne un bout de mon code :

<div id="sortlist" class="sortlist">';
while($data=mysql_fetch_assoc($req)){
echo'


<li id='.$data['titre'].' class="sortable_item"
style="background:#8080FF;">'.$data['titre'].'</li>
</ul>';

}

echo'

<script type="text/javascript">

$(document).ready (
function() {
$( "#sortlist" ).Sortable( {
accept : "sortable_item",
axis : "vertically",
opacity : 0.6,
onchange : function (sorted) {
serial = $.SortSerialize("sortlist");
$.ajax ( {
type: "POST",
url: "set_position.php",
data: serial.hash,
complete: function(data){alert(data);}


});


}

});
});

</script>
</body>
</html>';
?>



Voila, j'espère que quelqu'un peut me donner un coup de main.
Merci d'avance
mercredi 6 mai 2009 à 23:11:47 | Re : Probleme d'update BDD avec Drag 'n Drop

IceP42

Personne?
jeudi 7 mai 2009 à 14:50:01 | Re : Probleme d'update BDD avec Drag 'n Drop

IceP42

Voici le code complet et je donne aussi le script de la page php (qui est appelé
par l'ajax).

Le probleme vient du fait que je n'arrive pas à
passer la variable 'sortlist' dans la page php, quand j'ouvre la page
'set_position2.php' j'ai le message d'erreur suivant : index indefini :
sortlist in c:....donc les données ne sont pas transmisse à la page
'set_position2.php'!!

voici le code complet de newdrag.php :

<?php
include("openbase.php");
connectMaBase();
$sql = 'SELECT id,titre FROM classement';
$req = mysql_query($sql) or die('Erreur SQL !<br />'.$sql.'<br
/>'.mysql_error());
echo'
<html>
<head>
 
<!-- Importation JQuery et Interface.js -->
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="interface.js"></script>
 
<!-- Styles de votre liste -->
<style type="text/css" media="all">
 
    .sortable_item {
        cursor : move;
        width : 100%;
        list-style : none;
    }
 
    .ul_style {
 
          list-style-type : none;
          margin : 0;
          padding : 0;
    }
 
</style>';
echo '
</head>
<body>
 
<div id="sortlist" class="sortlist">';
while($data=mysql_fetch_assoc($req)){
    echo'
 
 
<li id='.$data['id'].' class="sortable_item"
style="background:#8080FF;">'.$data['titre'].'</li>
</ul>';
 
   }
 
echo'
 
<script type="text/javascript">
 
    $(document).ready (
        function() {
            $( "#sortlist" ).Sortable( {
            accept : "sortable_item",
            axis : "vertically",
            opacity : 0.6,
            onchange : function (sorted) {
            serial = $.SortSerialize("sortlist");
            $.ajax ( {
              type: "POST",
   url: "set_position2.php",
   data: serial.hash,
   complete: function(data){alert(data);}
 
 
 
 
 });
 
 
 
 
            }
 
        });
    });
 
 
 
</script>
</body>
</html>';
?>


et voile le code de la page 'set_position.php' :

<?php
include("openbase.php");
 
connectMaBase();
 
 
    // Récupération des valeurs post envoyé par la requête Ajax
    $sortlist = $_POST [ 'sortlist' ];
 
    // On update la table avec les nouvelles positions
 
    for ($i = 0 ; $i < count ( $sortlist ) ; $i++) {
 
            // SQL Query :
            $query = ( "update classement set position='".($i + 1)."' where id =
$sortlist [ $i ] " );
            $ajout = mysql_query ($query) or die ( mysql_error() );
 
    }
 
 
?>


Voila, j'espere que ces éléments suffiront pour pouvoir éclaircir mon problème.
Merci
samedi 9 mai 2009 à 13:01:17 | Re : Probleme d'update BDD avec Drag 'n Drop

IceP42

Personne pour m'aider?

Voici le code html si ça peut aider:

<head>
 
<!-- Importation JQuery et Interface.js -->
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="interface.js"></script>
 
<!-- Styles de votre liste -->
<style type="text/css" media="all">
 
    .sortable_item {
        cursor : move;
        width : 100%;
        list-style : none;
    }
 
    .ul_style {
 
          list-style-type : none;
          margin : 0;
          padding : 0;
    }
 
</style>
</head>
<body>
 
<div id="sortlist" class="sortlist">
 
 
<li id=2 class="sortable_item" style="background:#8080FF;">Tekken 5 </li>
</ul>
 
 
<li id=3 class="sortable_item" style="background:#8080FF;">Dark Miror </li>
</ul>
 
 
<li id=4 class="sortable_item" style="background:#8080FF;">Medal of honnor </li>
</ul>
 
 
<li id=5 class="sortable_item" style="background:#8080FF;">Call of duty </li>
</ul>
 
<script type="text/javascript">
 
    $(document).ready (
        function() {
            $( "#sortlist" ).Sortable( {
            accept : "sortable_item",
            axis : "vertically",
            opacity : 0.6,
            onchange : function (sorted) {
            serial = $.SortSerialize("sortlist");
            $.ajax ( {
              type: "POST",
   url: "set_position2.php",
   data: serial.hash,
   complete: function(data){alert(data);}
 
 
 
 
 });
 
 
 
 
            }
 
        });
    });
 
 
 
</script>
</body>

lundi 17 août 2009 à 15:10:35 | Re : Probleme d'update BDD avec Drag 'n Drop

manuzed

hello
je suis bien interessé par ce type de code
pourrais tu m'envoyer les fichiers avec ta base (meme vide) pour que je fasse des tests car
à la lecture sur les forums, c'est impossible

bien sur je partagerai toute solution trouvée

mail : delangle45 at yahoo.fr



Cette discussion est classée dans : probleme, liste, data, drag, drop


Répondre à ce message

Sujets en rapport avec ce message

Drag Drop dans un formulaire ? [ par wasabi12 ] Bonjour à tous !Est-il possible d'appliquer la fonction Drag & Drop dans un formulaire. Je m'explique. Par exemple, j'ai une liste de personne provena DRAG DROP JAVASCRIPT [ par webboy ] Bonjour,J'ai une page coup en 2 frame (bas & centre)Dans la frame bas g un tableau de 6 celulles comprenant chacune un div avec un idje voudrais drage quelqu'un sait-il faire un tel drag and drop ? [ par Thieums ] ouaip je suis un novice en flash et dans le cadre  de mon projet  tutoré de fin dannée en iut service et réseau de communicationje cherche un ti scrip drag and drop de fichier d'internet explorer vers une autre appli [ par poulp ] Je cherche a copier un fichier d'une page web sur mon disk dur ou dans une application simplement par l'intermédiaire du drag and drop. Par exemple j' [javascript] treview drag drop [ par ichevc ] Bonjour, je suis debutant en javascript,je cherche soit a recuperer soit de la documentation pour faire :un menu hierarchique (treeview) supportant le Probleme aevc liste deroualnte [ par rich25200 ] Bonjour,J'ai des liset deroulante et je veux qu'il m'affiche la valeur de chaque liste deroulante... mon code est :    for (nbre=1; nbre     { drag and drop [ par sendlyne ] http://www.walterzonrn.de Quelqun peut il aller voir sur le lien et m'expliquer. Ca à l'air bien malheureusement je ne suis pas assez qualifiée en liste deroulante automatique [ par makaveli28 ] Salut tout le mondeJe vous explique mon probleme, je dois faire deux liste deroulante en php/oracle dans la meme page, et biensur la 2eme liste doit e Toolbox et Drag & Drop [ par Kendryl ] Bonjour,Etant novice en javascript et ne trouvant pas de tutorial sur google (je ne comprends que très mal l'anglais) , je vous demande conseils pour Drag and drop [ par ger91lou ] Voilà mon problème:A partir de l'exemple de quiz fourni avec macromedia flash 8 pro.A gauche j'ai 4 cases qui représentent 4 mots d'une phrase en déso


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 2,137 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales