formulaire "dynamique"

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : formulaire "dynamique"

l3eleg

cosmik connection

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,

Publicité

cesarr89

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

l3eleg

cosmik connection

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

cesarr89

De rien.

l3eleg

cosmik connection

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"].'" );';

l3eleg

cosmik connection

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

cesarr89

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

l3eleg

cosmik connection

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

cesarr89

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

l3eleg

cosmik connection

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 ?

Publicité

cesarr89

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é.

l3eleg

cosmik connection

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.

cesarr89

Bah non ya pas besoin

FORUM HardWare.fr

Programmation

HTML/CSS

formulaire "dynamique"

Sujets relatifs
affichage dynamique de champs dans un formulaire	[XML/PHP/SQL] Formulaire dynamique + base de données: quel logiciel
javascript et php - formulaire dynamique	tritement dynamique d'un formulaire
Accès aux champs d'un formulaire dynamique	Formulaire dynamique en javascript
Envois dynamique de formulaire.	calcul dynamique en fonction d'un formulaire
Formulaire dynamique	Mon premier formulaire dynamique...
Plus de sujets relatifs à : formulaire "dynamique"

Page générée en 0.085 secondes