Bonjour,

Alors voilà j'ai une page avec une liste déroulante et 3 champs de textes en dessous.
J'aimerai lorsque je choisi un élément dans la liste, cela mette à jour les 3 champs de textes en dessous.

Une requête sql est effectué est recherche les données pour créer la liste déroulante.

Après quand on choisi un élément de la liste déroulante, cela effectue une requête sql qui va chercher les informations à mettre dans les 3 champs de texte en dessous.

Merci d'avance pour l'aide.

Lis cette page et tu trouveras ton bonheur : -- AJAX --
(Tu trouveras tout en bas de la page un exemple qui se rapproche de ce que tu veux faire)

Bonjour,

J'ai bien regardé le lien mais je ne comprends pas tout.

Donc j'ai compris que lorsque que je clique sur ma liste déroulante et que je choisis un élément, une fonction javascript est appelé (request) qui elle même appelle un fichier php qui accède à la base de données et renvoi les données.

Ensuite une fonction javascript récupère ces données (readData) et les affiches.

Pour l'instant il n'y a rien qui marche mais je pense que jusqu'à l'accès à la base de données c'est bon.
Dans l'exemple du tutoriel les données sont récupérées et affichées dans une liste déroulante or je voudrais les affichés dans des zones de texte.

Merci par avance

Quelles sont tes connaissances en JS ?

Tu pourrais utiliser le format JSON pour structurer tes données. Côté PHP, tu utilises json_encode pour encoder tes données en JSON.

Et côté JS, tu utilises JSON.parse() pour désencoder tes données.
Tu récupèreras un objet JS qu'il te suffira de traiter comme bon te semble.
(Pour utiliser JSON, pense à inclure ce fichier js dans ta page http://www.json.org/json2.js )


Si tu rencontres encore des problèmes, il faudrait que tu nous montres ton code.

Bonjour,

J'ai très peu de connaissances en Javascript.
Pour renvoyer mes données dans mon fichier php, j'utilise ce code.

<?php


include('../../includes/var.inc.php');
include('../../includes/con_bdd.inc.php');
 
header("Content-Type: text/xml");
echo "<?xml version=\"1.0\" encoding=\"utf-8\"?>";
echo "<list>";

$idEditeur = (isset($_POST["NomEditeur"])) ? htmlentities($_POST["NomEditeur"]) : NULL;

if ($idEditeur) {
	
	$editeur = mysql_query("SELECT * FROM editeur WHERE nomEditeur=\"" . mysql_real_escape_string($idEditeur)."\"");
	$info_editeur = mysql_fetch_object($editeur);
	
	echo "<item id=\"nom\" name=\"".$info_editeur->nomEditeur."\" />";
	echo "<item id=\"nationalite\" name=\"".$info_editeur->nationalite."\" />";
	echo "<item id=\"description\" name=\"".$info_editeur->description."\" />";
}

echo "</list>";

?>

Or quand j'essaye de récupérer les données avec javascript je n'ai rien.
$_POST["NomEditeur"] est correct, j'ai testé. La requête est testé aussi.

Merci par avance

2 choses :
1) si tu lance la page de traitement php avec un idEditeur correct, t'as bien le bon rendu xml (avec tout les items et compagnie) ?
2) si t'as page de traitement n'a pas un problème c'est plus un problème lors de la mise en forme des données xml (donc dans la partie Ajax de ton autre page). Et il faudrait donc la diffuse pour qu'on puisse t'aider .

Apparemment ça bloquerait dans la page que j'ai mis au dessus car le fichier javascript n'arrive pas à readdata

function updateEditeur(oSelect) {
    var value = oSelect.options[oSelect.selectedIndex].value;
    var xhr   = getXMLHttpRequest();
    
    xhr.onreadystatechange = function() {
        if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) {
            readData(xhr.responseXML);
            document.getElementById("loader").style.display = "none";
        } else if (xhr.readyState < 4) {
            document.getElementById("loader").style.display = "inline";
        }
    };
    xhr.open("POST", "../administration/includes/editeur.inc.php", true);
    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    xhr.send("NomEditeur=" + value);
}

function readData(oData) {
    var nodes = oData.getElementsByTagName("item");
    alert(nodes[0].getAttribute("name"));
    for (var i=0, c=nodes.length; i<c; i++) {
        if(nodes[i].getAttribute("id")="nom") {
            document.getElementById("nomEditeur")  = document.createTextNode(nodes[i].getAttribute("name"));
        }
        if(nodes[i].getAttribute("id")="nationalite") {
            document.getElementById("nationalite")  = document.createTextNode(nodes[i].getAttribute("name"));
        }
        if(nodes[i].getAttribute("id")="description") {
            document.getElementById("descriptionEditeur")  = document.createTextNode(nodes[i].getAttribute("name"));    
        }
        

    }
}

Et voici le formulaire de ma page html

<form method="post" name="frm_modif_editeur">
	<label>Nom : </label><input type="text" id="nomEditeur"/><br/>
	<label>Nationalite : </label><input type="text" id="nationalite"/><br/>
	<label>Description : </label><input type="textarea" id="descriptionEditeur"/><br/>
	<input type="button" name="modifEditeur" value="Modifier" onclick="self.location.href='modif_editeur.php'"> 
	<input type="button" name="modifEditeur" value="Supprimer" onclick="self.location.href='sup_editeur.php'"> 
</form>

EDIT : Si quelqu'un veut bien m'aider sur un chat en direct peut être ça serait plus facile

Déjà de mise dans le readData tu as une grosse erreur :
dans toute tes conditions tu as oublié un = (la tu affecte, tu fais pas une comparaison).
Et pour ton test d'alert, test plutôt un bon vieux alert("bouh"); pour voir s'il atteint readData.

Sinon :
T'as essayé de tester la page de traitement directement ? voir comment donnait le xml.

De même tu obtiens quelle erreur sur la console d'erreurs (sous firefox, je ne connais pas l'équivalent sur les autres navigateurs).

Pour un chat si t'as un endroit précis, sinon par Mp.

C'est bon finalement un amis m'a résolu le problème