formulaire "dynamique"

Marsh Posté le 05-07-2005 à 12:54:16

Bonjour a tous,
je travaille à l'élaboration d'un formulaire d'ajout d'informations dans une BDD à l'aide de PHP.
J'utilise une classe disponible ici : http://www.aidejavascript.com/article106.html
Le formulaire contient deux listes déroulantes, dont le contenu est lu à partir de la BDD.
J'aimerais faire en sorte que le contenu de la deuxieme liste depende de celui de la premiere et donc qu'il soit affiché en fonction du choix de l'utilisateur.
J'ai parcouru le forum, vu quelques solutions proposées mais je ne parviens pas (je crois ) a les mettre en oeuvre, j'aimerais donc avoir plus d'informations à ce sujet.

Merci,

Reply

Marsh Posté le 05-07-2005 à 12:54:16

Reply

Marsh Posté le 05-07-2005 à 14:18:24

Si c'est pour un intranet tu peux utiliser ceci:
http://www.toutjavascript.com/savo [...] quest.php3

Reply

Marsh Posté le 05-07-2005 à 14:53:20

ca correspond a peu pres a ce que je recherche, je vais creuser de ce coté la. Merci de ta réponse

Reply

Marsh Posté le 05-07-2005 à 14:55:56

De rien.

Reply

Marsh Posté le 06-07-2005 à 10:28:52

J'ai quelques soucis pour comprendre le fonctionnement de cette solution, n'ayant aucune notion en javascript, j'aimerais particulierement avoir plus d'informations concernant les lignes suivantes dans le script de la partie 5 du site que tu m'as donné :

Code :

echo 'var o = null;';
echo 'var s = document.forms["'.$_POST["form"].'"].elements["'.$_POST["select"].'"];';
echo 's.options.length = 0;';
while($r = mysql_fetch_array($result))
echo 's.options[s.options.length] = new Option("'.$r["Species"].'" );';

Reply

Marsh Posté le 06-07-2005 à 12:12:59

voila le code que j'ai modifié ... si quelqu'un peut m'expliquer pourquoi ca ne fonctionne pas d'après l'exemple donné sur le site je suis interessé !

fichier test.php

Code :

<div class="Centered">
<form class="CenteredForm" name="form_selects" id="form_selects" action="" method="" onsubmit="return false;">
<fieldset>
<legend>Faites un choix dans la liste de gauche<br />et observez le résultat dans celle de droite</legend>
<div class="Left">
Famille :
<select name="nomsecteur" id="nomsecteur" class="ButtonL" onchange="request05(this.form)">
<option value="" selected="selected"></option>
<option value="HABITAT" >Habitat</option>
<option value="ARTISAN FRANCAIS" >Félidés</option>
<option value="Équidés" >Équidés</option>
<option value="Bovidés" >Bovidés</option>
</select>
   Espèces :
<select name="list2" id="list2" class="ButtonL">
</select>
</div>
</fieldset>
</form>
</div>
<SCRIPT language=javascript>
var l1 = f.elements["nomsecteur"];
var l2 = f.elements["list2"];
var index = l1.selectedIndex;
if(index < 1)
l2.options.length = 0;
else {
var xhr_object = null;
if(window.XMLHttpRequest) // Firefox
xhr_object = new XMLHttpRequest();
else if(window.ActiveXObject) // Internet Explorer
xhr_object = new ActiveXObject("Microsoft.XMLHTTP" );
else { // XMLHttpRequest non supporté par le navigateur
alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..." );
return;
}
xhr_object.open("POST", "test2.php", true);
xhr_object.onreadystatechange = function() {
if(xhr_object.readyState == 4)
eval(xhr_object.responseText);
}
xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded" );
var data = "family="+escape(l1.options[index].value)+"&form="+f.name+"&select=list2";
// Envoi des données du formulaire
xhr_object.send(data);
}
</SCRIPT>

fichier test2.php

Code :

<?
$mysql_db = @mysql_connect("localhost", "********", "******" );
@mysql_select_db("idea-nova" );
$query = "SELECT `nomactivite` FROM `secteurs` WHERE `nomsecteur` = '".$_POST["nomsecteur"]."'";
$query .= " ORDER BY `NomActivite`";
$result = @mysql_query($query);
echo $result;
echo '<SCRIPT language=javascript>';
echo 'var o = null;';
echo 'var s = document.forms["'.$_POST["form"].'"].elements["'.$_POST["select"].'"];';
echo 's.options.length = 0;';
while($r = mysql_fetch_array($result))
{
echo $r,'<br>';
echo 's.options[s.options.length] = new Option("'.$r["nomactivite"].'" );';
}
echo '</SCRIPT>';
@mysql_close($mysql_db);
?>

Message édité par l3eleg le 06-07-2005 à 12:20:45

Reply

Marsh Posté le 06-07-2005 à 12:25:46

Ca veut dire quoi que ca marche pas?
Y'a des erreurs? Ca te marque quelque chose?

Reply

Marsh Posté le 06-07-2005 à 12:29:27

la liste déroulante qui est sensée se mettre à jour lorsque l'on fait son choix dans la premiere reste désespérement vide. De plus on dirait que le fichier test2.php n'est pas appelé car j'ai fais des echo dedans pour essayer de comprendre ce qui n'allait pas et je ne les vois pas apparaitre lors de l'appel de test.php
Je te remercie d'avance pour ton aide précieuse

Reply

Marsh Posté le 06-07-2005 à 12:34:34

C'est normal que les vois pas, car tu fais un eval sur le retour de ton HttpRequest.

Reply

Marsh Posté le 06-07-2005 à 12:36:39

hola hola ... comme je l'ai dis plus haut, j'ai jamais fais de javascript. Dans le cas présent, c'est normal de pas voir les echos ? ou de ne pas voir le contenu de la liste pris sur la BDD ?

Reply

Marsh Posté le 06-07-2005 à 12:36:39

Reply

Marsh Posté le 06-07-2005 à 12:38:19

De pas voir les echos. En fait tu les vois mais tu demandes à ce que ce soit considéré comme du code et donc intérprété.

Reply

Marsh Posté le 06-07-2005 à 12:42:23

Ha d'accord. Donc les echo a partir de la ligne 11 dans test2.php n'ont pas besoin d'etre encadré par des balises script comme je l'ai rajouté dans le source.

Reply

Marsh Posté le 06-07-2005 à 12:44:54

Bah non ya pas besoin

Reply

formulaire "dynamique"

Sujets relatifs:

Leave a Replay