J'ai effectué un drag&drop entre 2 colonnes.
http://www.dhtmlgoodies.com/scripts/drag-drop-custom/demo-drag-drop-2.html
J'utilise ma BDD pour alimenter la colonne de gauche d'éléments.( ce sont des noms d'ordinateur dans mon cas dans les petites boites blanches à la place des noms d'animaux)
Je voudrais, quand je clique sur un bouton , sauvegarder les noms des éléments qui sont dans la colonne de droite dans une table de ma BDD.
J'arrive grâce à la DOM de javascript à parcourir la colonne de droite qui est une DIV et à récupérer les noms d'ordinateurs mais je ne sais pas comment les enregistrer dans ma BDD.
Premiere Question ? faut-il que j'utilise de l'ajax, je suppose que oui car je vais effectuer une requete d'insertion.
Est-ce qu'une fonction comme cela se rapproche de ce que je souhaite faire ?
function save()
{
var xhr = getXhr()
xhr.onreadystatechange = function()
{
if(xhr.readyState == 4)
{
if(xhr.status == 200)
document.getElementById('res').innerHTML= xhr.responseText;
}
};
var nombre = document.getElementById("dropContent").childNodes.length;
for ( var i = 0; i<nombre ; i++){
xhr.open("POST","checkpc2.php",true);
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
premier = document.getElementById("dropContent").childNodes[i].firstChild.data;
xhr.send("ordi="+premier);
}
la variable "premier" correspond au nom de l'ordinateur que je veux sauvegarder
checkpc2.php correspond au fichier php où j'effectue la requete d'insertion:
<?php
if(isset($_POST["save"]))
{
include('../connect.php');
$reponse=mysql_query("INSERT INTO pccheck SET NomOrdinateur='$_POST[ordi]'")or die(mysql_error());
mysql_close();
}
?>
Mon problème est que je ne sais pas si déjà j'écris bien le code de ce que je souhaite faire, et je n'arrive pas à effectuer d'insertion, je dois pas arriver à accéder au fichier checkpc2.php à mon avis.
merci de votre aide.