Discussion :

[yuyu599]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[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!

[yuyu599]

Oula je crois que je suis loin de la solution tu aurait un exemple de cette manip ( sur un autre post par exemple ) ?

[12monkeys]

Bonsoir

Oui ici juste en dessous de ton message

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

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

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

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

[Deallyra]

technologie Ajax

tu refresh un morceau de ta page.

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

[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

[12monkeys]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[yuyu599]

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

[yuyu599]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
}
?>

[Deallyra]

//a supprimer

[Deallyra]

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

[yuyu599]

desolé j'ai corriger ^^
que voulais tu dire par // a supprimer ?

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

[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> ??

[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 ^^ ).

[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 !