Discussion :

[student_php]

Bonjour,

J'ai une liste déroulante, qui lorsqu'on sélectionne un des choix fait disparaître/apparaître deux autres champs, englobés dans une balise <p> (voir code ci-dessous) avec pour propriété display:none (car la liste déroulante est par défaut sur la valeur qui fait disparaître les deux champs englobés par <p></p> lors de la génération de la page.

Le problème est lorsque je sélectionne une valeur qui fait apparaître les deux autres champs, ils apparaissent après un saut de ligne (alors que je ne le demande pas et que tout cela est dans la même balise qui a un display:inline pour propriété), ce qui casse vraiment le design de ma page (coupe une saisie de date en deux: JJ/</br>MM/AAA...

Je suppose que le display:inline est dépendant du display:none, et que c'est pour cette raison qu'il se "désactive/réactive" j'aimerais donc savoir si il y a une astuce pour éviter/contrer cela, merci !

Formulaire:

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
<p id="form_begin" style="display:none" style="display:inline">
<select name="mois_begin">
		<option selected="selected" value="01">01</option>
		<option value="02">02</option>
		<option value="03">03</option>
		<option value="04">04</option>
		<option value="05">05</option>
		<option value="06">06</option>
		<option value="07">07</option>
		<option value="08">08</option>
		<option value="09">09</option>
		<option value="10">10</option>
		<option value="11">11</option>
		<option value="12">12</option>
</select>
<select name="annee_begin">
		<option value="2010">2010</option>
		<option value="2011">2011</option>
		<option value="2012">2012</option>
		<option value="2013">2013</option>
		<option value="2014">2014</option>
		<option value="2015">2015</option>
		<option value="2016">2016</option>
		<option value="2017">2017</option>
		<option value="2018">2018</option>
		<option value="2019">2019</option>
		<option value="2020">2020</option>
</select>
</p>

Fonction onchange appelé:

Code :

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

1
2
3
4
5
6
7
8
9
function changement_list_begin()
{
if (document.getElementById("jour_begin").value=="premier_courrier")
{
    document.getElementById("form_begin").style.display="none";
}
else
    document.getElementById("form_begin").style.display="block";
}

[vermine]

Bonjour,

Vous ne pouvez pas avoir en même temps

Code :

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

style="display:none" style="display:inline"

C'est l'un ou l'autre. Et si vous êtes en inline, alors restez-le jusqu'au bout :

Code :

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

document.getElementById("form_begin").style.display="inline";

Ou en tout block.

[Bovino]

Le problème ne vient pas du style de ta balise <p> (au passage, pourquoi mettre 2 attributs style, c'est non conforme et je ne suis pas sûr que tous les navigateurs l'acceptent) mais du style de tes select

Code :

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

document.getElementById("form_begin").style.display="block";

puisque tu leur donne un display block, ils vont être affichés comme des blocs () donc avec des retours à la ligne.

[student_php]

Je pensais que "block/none" en javascript servait à faire apparaître/disparaître hors block veut tout simplement dire... bloc, le pire c'est que j'y étais pas du tout En effet avec inline fans ma fonction javascript ca marche tout de suite beaucoup mieux... merci beaucoup !

(très loin)