Version imprimable
Bonjour à tous!
Je travaille sur un planning : http://www.phpoussin.com/planning/
On peut bouger ou redimensionner les rendez-vous (drag'n'drop). J'aimerais lier ces rendez-vous (coordonnées) par rapport à une base de donnée mysql. Je souhaite utiliser php pour ça. Jusque là, ya aucun soucis.
Je souhaiterais que ça soit "transparent". Qu'on ai pas à recharger la page complètement.
Comment peut t'on faire? :(
personne à une idée?
Mon idée :
Lorsque l'on cliquera sur Modifier dans la petite fenêtre qui apparaît, tu fais appel à une fonction Javascript :
function boutonmodifier_clic()
{
var chaine="concatenation de toutes les coordonnées à inserer séparées par un caractère spécial que vous choisirez";
if (reponse=action('http://www.phpoussin.com/planning/requete.php?donnee='+escape(chaine)))
//fermeture du formulaire de coordonnées
}
}
function action(fichier_php)
{
if(window.XMLHttpRequest)
xhr_object = new XMLHttpRequest();
else if(window.ActiveXObject)
xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
else
return(false);
xhr_object.open("GET", fichier_php, false);
xhr_object.send(null);
if(xhr_object.readyState == 4) return(xhr_object.responseText);
else return(false);
}
dans ton fichier requete.php, tu sépares la chaine recue en paramètres à l'aide des caractères spéciaux(il ya une fonction php explode). Et tu insères ces paramètres dans ta bdd selon l'ordre que tu veux.
et veille à retourner quelque chose en sortie de ton fichier php,
exemple echo "ok";
A mon humble avis ca pourrait marcher sans recharger la page.
J'attends tes réactions.
Merci.
Salut
Je n'ai pas de réponse concréte à te soumettre en j'en suis désolé.
Je voulais simplement ouvrir une parenthése en soulignant que tu avais fait du bon travail en l'état actuel d'avancement de ton projet.
Finement structuré, sauf quelques petits détails secondaires.
Idem design de ton site en cours.;)
Slut Poussin
Je te présente un exemple d'insertion d'enregistrement dans la bdd ss rechargement de la page.
1. J'ai le fichier index.php qui contient tt mon code Javascript et le formulaire à envoyer en bdd.
<html>
<head>
<title>Developpez.com - Forum php - Ajax - Poussinphp</title>
<script type="text/javascript">
function insere(data)
{
if (texte=file('http://127.0.0.1/ajaxpoussin/insere.php?xy='+escape(data)))
alert("Les coordonnées ont été ajoutées à la base de données");
}
function file(fichier)
{
if(window.XMLHttpRequest)
xhr_object = new XMLHttpRequest();
else if(window.ActiveXObject)
xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
else
return(false);
xhr_object.open("GET", fichier, false);
xhr_object.send(null);
if(xhr_object.readyState == 4) return(xhr_object.responseText);
else return(false);
}
</script>
</head>
<body>
<form method="post" name="coordonnee">
<input type="text" name="data" onBlur="insere(this.value)" />
</form>
</body>
</html>
2. J'ai le fichier insere.php
<?
$xy=$_GET["xy"]; // Facultatif
$lien=mysql_connect("serveur", "user", "pass");
mysql_select_db("poussinphp",$lien);
$requete="INSERT INTO coordonne (x,y) VALUES ('$x', '$y') ";
$reponse = mysql_query ($requete) or die (mysql_error ());
?>
Et j'arrive à inserer dans ma bdd sans pb.
A mon avis, si tu arrives à concatener en javascript toutes tes coordonnées et à les "déconcatener" ensuite dans ton fichier php, le tour sera largement joué.
En ce qui concerne l'actualisation de ton tableau, pas besoin, lorsqu'on glisse et dépose un de tes contrôles Drag'n'Drop, il adopte tt seul sa nouvelle position. Le bouton Modifier ne sert qu'à valider de nouvelles coordonnées, tu devrais plutot ajouter un bouton Annuler qui ramène un contrôle Drag'n'Drop à sa position antérieure.
tchao