Discussion :

[Mind-x]

Bonjour

J'ai une liste déroulante alimenté en SQL.
Je souhaite, si l'on sélectionne Autre, afficher un input contenant le texte "précisez" (idéalement j'aurai souhaité que ça m'affiche "Précisez : [mon input]"

Voici une partie de mon code

Code :

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

1
2
 
<select name='batiment' onchange="document.getElementById('autre_batiment').style.display = (this.options[this.selectedIndex].value=='autre'? 'block':'none');">

Code :

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

1
2
 
<tr><td>Précisez</td><td><input type="text" value="Précisez" id="autre_batiment" style="display:none;" value="toto"></td></tr>

Dans ce code, je sais que mon texte "Précisez" sera toujours affiché, mais j'aimerai beaucoup le masquer si 'autre' n'est pas sélectionné dans la liste.

Merci beaucoup pour votre aide

Ps : L'input, lui, fonctionne bien (.
Ps2 : Je débute en Js donc n'hésitez pas a me donner des astuces si ce que j'ai déjà fait n'est pas bon ...


Merci

[Barsy]

Il me semble que tu peux mettre ton display au niveau de ton tr.

[Mind-x]

Bonjour Barsy

Merci beaucoup pour ton aide, c'est très sympas de ta part.

J'ai essayé de mettre le display dans le <tr> et effectivement cela fonctionne bien. Lorsque je sélectionne ma catégorie Autre, j'ai bien le texte et l'input qui s'affiche. Merci beaucoup.

Par contre, cela m'apporte deux autres problème

- Lorsque je selectionne 'autre', mon input s'affiche, ensuite je re-sélectionne un autre choix, mon input disparait, mais la 'ligne' reste créé, ce qui fait que si je m'amuse a sélectionner plusieurs fois 'autre' puis un autre choix, je crée une multitude de saut de ligne

- Deuxième point, le texte 'Précisez' est légèrement décalé vers la droite, comme s'il y avait un espace devant, mais je ne vois rien de tel dans mon code

Je met le code :

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
 
<tr><label><td>Bâtiment : </td><td><select name='batiment' onchange="document.getElementById('autre_batiment').style.display = (this.options[this.selectedIndex].value=='autre'? 'block':'none');">
											<option value=""></option>
														<?php
                                                                                                                $batiment = mysql_query ("SELECT batiment FROM prise ORDER BY batiment");
                                                                                                                while ($donnees = mysql_fetch_array($batiment) )
                                                                                                                {
                                                                                                                        if ($donnees['batiment'] != $test)
                                                                                                                        {
                                                                                                                                echo $donnees['batiment'];
                                                                                                                                ?>
 
																<option value="<?php echo $donnees['batiment']; ?>"><?php echo $donnees['batiment']; ?></option>
																<?php
                                                                                                                                $test= $donnees['batiment'];
                                                                                                                        }
                                                                                                                }
                                                                                                                ?>
														<option value ="autre">autre</option>
														</select>
														</td></tr>
		<tr id="autre_batiment" style="display:none;" ><td>Précisez :</td><td><input size="3" type='text' name='batiment' /></td></tr>
		<tr><label><td>Etage : </td><td><input size="3" type='text' name='etage' /></td></label></tr>
		<tr><label><td>Bureau : </td><td><input size="6" type='text' name='bureau' /></td></label></tr>

et une petite capture d'écran pour bien comprendre le problème




Merci beaucoup pour toute votre aide

Bonne fin de journée

[Barsy]

Il suffit de remplacer 'block' par ''

[Mind-x]

Merci énormément Barsy.

Ta solution fonctionne à merveille.

Mon texte est parfaitement aligné, les sauts de lignes ont disparus... Que du bonheur.

Merci encore pour toute ton aide en esperant, peut-être, un jour te rendre la pareil.

Bonne fin de journée à toi Barsy et merci encore

[Barsy]

De rien ça fait toujours plaisir de rendre service !!

[Mind-x]

Bonjour,

Je rencontre a nouveau le même problème mais avec une checkbox...

J'ai une checkbox appelé 'Autre', et je souhaiterai, lorsque je coche, que cela me fasse apparaitre un input 'précisez'

Merci encore pour votre aide

Mind