Liste/ input texte

Version imprimable

Liste/ input texte

Bonjour a vous :-)
Je souhaite savoir si il est possible dans une liste d'element, qui en fonction de l'element choisit, affiche sur la meme page des input texte ?

Voici ma liste :

Code:

1
2
3
4
5
6
7
8
<FORM>
<SELECT NAME="l1" SIZE="1"> 
<OPTION SELECTED VALUE="">-------- Faites votre choix --------
<OPTION>A1</option>
<OPTION>A2</option>
<OPTION>A3</option>
</SELECT>
</form>

Si A1 alors il affiche ca :

Code:

1
2
3
4
5
6
<td>Nom : </td>
<td><input type="text" name="var1"></td>
<td>Prenom : </td>
<td><input type="text" name="var2"></td>
<td>Telephone : </td>
<td><input type="text" name="var3"></td>

SI A2 alors :

Code:

1
2
3
4
<td>Age : </td>
<td><input type="text" name="var4"></td>
<td>Adresse: </td>
<td><input type="text" name="var5"></td>

SI A3 alors :

Code:

1
2
3
4
5
6
7
8
<td>Taille : </td>
<td><input type="text" name="var6"></td>
<td>Poids : </td>
<td><input type="text" name="var7"></td>
<td>IMC : </td>
<td><input type="text" name="var8"></td>
<td>objectif : </td>
<td><input type="text" name="var9"></td>

07/04/2008, 21h16
jln13

salut,

oui tu peux mais ça sera en javascript :)

Tu implémente l'évènement onchange sur ton select.
A chaque fois que l'utilisateur change l'élément de la liste tu récupères quel élément a été sélectionné grâce à l'attribut selectedIndex.

Du coup tu affiche/cache les div contenant les bouts de formulaire que tu as mis et voila!
07/04/2008, 22h02
yuyu599

Oula je crois que je suis loin de la solution tu aurait un exemple de cette manip ( sur un autre post par exemple ) ?
07/04/2008, 22h40
12monkeys

Bonsoir

Oui ici juste en dessous de ton message :lol: ;)

Le script javascript que j'y propose réactualise la page, en y plaçant une variable que tu récupère par $_GET (php) ensuite tu peut faire ce que tu veux...
07/04/2008, 22h47
yuyu599

Merci, mais ce n'est pas ce que je veux faire, en faite ta methode fonctionne mais elle envoie les variables sur une autre page, or moi je voudrais que cela s'affiche sur la meme page dans un premier temps si le visiteur choisit A1 alors il affiche tel input texte , et apres les variable sont envoyer sur une autre page.
07/04/2008, 23h00
12monkeys

En effet mais suffit d'adapter ce code : dans le value tu places le nom de ta page, et elle sera réaffichée...
07/04/2008, 23h05
yuyu599

Ok sa fonctionne mais l'étape qui me pose probleme c'est celle d'avant, Avoir une liste , qui en fonction du choix affiche different input texte, apres pour l'envoie des input texte c'est ok.
08/04/2008, 11h32
Deallyra

technologie Ajax

tu refresh un morceau de ta page.
08/04/2008, 11h35
Mr Pink Eyes

Pas forcément AJAX, on peut imaginer un subterfuge qui consiste en php ou javascript à traiter la valeur renvoyée par la liste pour la placer en selected value sur la valeur selectionnée au préalable et en même temps afficher les input nécessaire au dessus. Mais ca implique de recharger toute la page.
08/04/2008, 11h39
Deallyra

Autant pour moi, il/elle parlait de mettre sur la même page sans préciser si on devait ou non la rafraichir entièrement
08/04/2008, 13h27
12monkeys
Citation:

Envoyé par yuyu599

Ok sa fonctionne mais l'étape qui me pose probleme c'est celle d'avant, Avoir une liste , qui en fonction du choix affiche different input texte, apres pour l'envoie des input texte c'est ok.

Pour ce faire tu peux passer par php : dans la liste des "option" tu met le nom de ta page et tu rajoutes une valeur qu'on va passer par GET :
Code:

1 2 <option value="ta_page.php?id=1">Afficher1</option> <option value="ta_page.php?id=2">Afficher2</option>
puis le code php pour afficher les différentes parties :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 <?php if ($_GET['id'] == '1') { ?> là tu affiches ce que tu veux... <?php } elseif ($_GET['id'] == '2') { ?> second affichage alternatif <?php } ?>
Ceci n'est qu'une ébauche, il faut ensuite un peu finaliser...

Sauf que là on est pas dans le bon forum, c'est du php :?
08/04/2008, 20h05
yuyu599

Ok merci beaucoup je vais essayer de travailler ca :-)

j'ai inserer le code, mais a chaque choix il ne se passe rien, j'ai du zapper une étape.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
 
<p><FORM>
<SELECT NAME="l1" SIZE="1"> 
<OPTION SELECTED VALUE="">-------- Faites votre choix --------
<option value="Untitled-1.php?id=1">Afficher1</option>
<option value="Untitled-1.php?id=2">Afficher2</option>
</SELECT>
</form>&nbsp;</p>
<?php
if ($_GET['id'] == '1') {
?>
 
 
<p align="center">Nom  : <input type="text" name="nom"></p>
<p align="center">Prenom: <input type="text" name="mod"></p>
<p align="center">Option 1 : <input type="text" name="op1"></p>
<p align="center">Option 2 : <input type="text" name="op2"></p>
<p align="center">Option 3 : <input type="text" name="op3"></p>
<p align="center">Option 4 : <input type="text" name="op4"></p>
 
<?php
} else if ($_GET['id'] == '2') {
?>
 
 
<p align="center">Age : <input type="text" name="age"></p>
<p align="center">Date : <input type="text" name="dat"></p>
<p align="center">Option 7 : <input type="text" name="op7"></p>
 
 
 
<?php
}
?>

09/04/2008, 10h03
Deallyra

//a supprimer
09/04/2008, 10h03
Deallyra

Citation:

Dernière modification par MasterOfChakhaL Hier à 14h09. Motif: Merci d'utiliser les balises [ CODE] ... [ /CODE]. Bouton (#) de l'éditeur de message...

ceci était sur ton premier message, c'est aussi valable pour celui que tu viens de poster ;)
09/04/2008, 10h10
yuyu599

desolé j'ai corriger ^^
que voulais tu dire par // a supprimer ?
09/04/2008, 10h23
Deallyra

que mon navigateur à rafraichit mon post et que j'ai fait un double post. J'ai édité le premier pour qu'il soit supprimé
09/04/2008, 11h58
12monkeys
Bonjour

Deux choses :
1. Ta page s'appelle bien Untitled-1.php ???
2. As tu mis le code javascript entre les balises <head></head> ??
09/04/2008, 13h32
yuyu599

Ma page s'appelle bien ainsi ( la page sur laquelle je travaille ou j'ai inserer le code).
concernant le javascript il n'y en a pas dans mon script si je dis pas de betise ( j'en fait souvent ^^ ).
09/04/2008, 14h16
12monkeys

Relis voir mon message, je te proposais un code composé de html (le select) et du javascript qui permettait de réafficher la page...

Voici le code que je proposais : http://www.developpez.net/forums/sho...60&postcount=9

Donc il y a bien du javascript, alors si tu ne le mets pas ben ça marche pas !
09/04/2008, 20h23
yuyu599

Merci ca marche nickel !!!!!!
Vraiment nickel, un seul petit bémol si il existe plus de 2 élément dans la liste, je décale le "else du php" ?

Citation:

Envoyé par yuyu599

Merci ca marche nickel !!!!!!
Vraiment nickel, un seul petit bémol si il existe plus de 2 élément dans la liste, je décale le "else du php" ?

Je dois dire que je ne comprends pas trop le sens de ta question. Si tu as plus de 2 éléments tu rajoutes des elseif à la fin :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <?php if ($_GET['id'] == '1') { ?> là tu affiches ce que tu veux... <?php } elseif ($_GET['id'] == '2') { ?> second affichage alternatif <?php } elseif ($_GET['id'] == '3') { ?> troisième affichage alternatif <?php } elseif ($_GET['id'] == '4') { ?> quatrieme affichage alternatif <?php } ?>
etc...

09/04/2008, 21h26
yuyu599

Oui c'etait le sens de ma question :-)
En tous cas chapeau et grand merci car grace a ton aide je vais pouvoir mieux me debrouiller !! , big merci :-)
09/04/2008, 21h31
12monkeys

De rien :ccool:
10/04/2008, 10h12
Deallyra
Petite précision, au lieu de elseif qui rendent un code assez vite illisible, il vaut mieux utiliser un
Code:

1 2 3 4 5 6 7 8 9 10 11 switch ($i) { case 0: echo "i égale 0"; break; case 1: echo "i égale 1"; break; case 2: echo "i égale 2"; break; }