Fonction onchange() qui casse le inline d'une balise <p>
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:
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:
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";
} |
