le 06/05/2009 à 20:01
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 :
Voila, j'espère que quelqu'un peut me donner un coup de main.
Merci d'avance
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
