affichage php/javascript

Marsh Posté le 09-12-2008 à 09:24:57

Bonjour,

On m'a demander de faire des modifications sur le site web d'une école et le php et encore plus le javascripts ne sont pas m'a spécialité ...
Le problème est le suivant :

Je doit modifier le formulaire d'inscription en ligne, il y avait avant 3 spécialité dans une liste déroulante et il n'y en a plus que 2, jusque la tout va bien.
Ensuite dans les deux spécialité restantes, il y a maintenant le choix entre 3 options pour chaque spécialité qui doivent être affichier selon si on clique sur la specialité 1 ou la spécialité 2.

Mon souci est que le code fonctionne mais pas à la prémière exécution où tout devrait être masqué et se n'est pas le cas.
Les options de la spécialité 2 apparaissent à l'exécution de la page puis disparaissent normalement si l'on passe d'une option à l'autre.

Voici mon code :

Code :

function afficheSpe(valeur)
{
if(valeur == "elec" ){
document.getElementById("bloc_spe" ).style.display='block';
document.getElementById("bloc_opt" ).style.display='none';
}
else if(valeur == "meca" ){
document.getElementById("bloc_opt" ).style.display='block';
document.getElementById("bloc_spe" ).style.display='none';
}
else{
document.getElementById("bloc_spe" ).style.display='none';
document.getElementById("bloc_opt" ).style.display='none';
}
}
<p class="champSelect"><label for "specialite">Choix de la spécialité</label>
<select name="specialite" id="specialite" onChange="afficheSpe(this.value)">
<option value="123">Choisissez une spécialité</option>
<option value="elec">Electronique - Informatique Industrielle</option>
<option value="meca">Mécanique</option>
</select></p>
<fieldset id="bloc_spe">
<p>Numéroter de 1 à 3 par ordre de préférence croissante.</p>
<p class="float"><label for "g">Gardanne</label> <input type="text" name="g" id="g" /></p>
<p class="float"><label for "s">Sophia</label> <input type="text" name="s" id="s" /></p>
<p><label for "t">Toulon</label> <input type="text" name="t" id="t" /></p>
</fieldset>
<fieldset id="bloc_opt">
<legend>Choix des options</legend>
<p>Numéroter de 1 à 3 par ordre de préférence croissante.</p>
<p class="float"><label for "m">Maintenance</label> <input type="text" name="m" id="m" /></p>
<p class="float"><label for "p">Production</label> <input type="text" name="p" id="p" /></p>
<p><label for "c">Conception</label> <input type="text" name="c" id="c" /></p>
</fieldset>
<p><hr /></p>

Voila si quelqu'un à une idée :??:
Merci d'avance

Reply

Marsh Posté le 09-12-2008 à 09:24:57

Reply

Marsh Posté le 09-12-2008 à 10:44:54

c'est bon j'ai trouvé !!! :bounce:

Il suffisait de rajouter à mes balises <fielset> un display:none pour la valeur par défaut.

Code :

<fieldset id="bloc_opt" style="display:none">
<legend>Choix des options</legend>
<p>Numéroter de 1 à 3 par ordre de préférence croissante.</p>
<p class="float"><label for "m">Maintenance</label> <input type="text" name="m" id="m" /></p>
<p class="float"><label for "p">Production</label> <input type="text" name="p" id="p" /></p>
<p><label for "c">Conception</label> <input type="text" name="c" id="c" /></p>
</fieldset>

Merci quand même

Reply

affichage php/javascript

Sujets relatifs:

Leave a Replay