Discussion :

[Hotei]

Bonjour à toute la communauté dev,

N'ayant pas trouvé de cas similaires, je vous expose donc ici mon problème que je n'arrive pas à résoudre car mon code semble bon...

Je suis en train de faire un formulaire d'inscription qui aura des étapes évidement avec des fonctions (pour le moment pas complètement terminées) qui "bloquent" l'accès a la suite du formulaire si on n'a pas rempli les champs obligatoires.

Sur IE le déroulement se fait sans soucis, (la vérification n'a été faite que pour la première partie) mais après tests sous Firefox (3.6) et Chrome (4.0), le formulaire s'affiche dans sa totalité sans tenir compte du javascript qui normalement devrait cacher les différentes étapes a suivre.

Je ne vous écris pas le code ici il serait beaucoup trop long (2000 lignes environ)

je vous pose ici le lien vers lequel vous pourrez télécharger le fichier rar qui comporte le formulaire et le code js : lien retiré

merci d'avance pour vos réponses si vous en avez car moi je plante la ^_^

P.S : fichier joint certifié sans virus ni autre chose du genre.

[E.Bzz]

Bonjour,

Je ne vous écris pas le code ici il serait beaucoiup trop long (2000 lignes environ)

il serait préférable d'en extraire la partie concernée et d'en faire un copié/collé ici

A+

[Hotei]

Ok. merci de ta réponse rapide. je vais essayer de synthétiser le code pour montrer les points que je pense "défaillants" quand à l'affichage qui ne se fait pas correctement.

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
 function etapeInscription(etape)
   {
      switch(etape)
	  {
case "infoperso" : //infos personnelles [...]
/* CONTROLE FINAL */
if (champ >= 10 )//verif pas bonne 
{  
  //deroule le suivant
 document.getElementById('span_connuFL').style.display 	= "block";	
}
else
{
 document.getElementById('span_connuFL').style.display 	= "none";
}
//enroule le precedent
document.getElementById('span_infoperso').style.display = "none";
 
break;
case "connufl" : //connu francelangue
 
document.getElementById('span_connuFL1').style.display="none";
document.getElementById('span_choixVille').style.display="block";
break;
 
case "choixVille" : //choix de la  ville 
 
ville =document.getElementById('ville').value;
alert("ville"+ville);
document.getElementById('span_villee').style.display="none";
document.getElementById('span_niveauFrancais').style.display="block";
document.getElementById('villecache').value=ville;
break;

Voila. après ca se répète on va dire pour cacher au départ les étapes suivantes et les activer une fois les parties susjacentes dûments remplies.

dans le code html, ca se passe en <span> evidement

Code HTML :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 <span id="span_infoperso" style="display:block">
	<tr align="center">
	    <td colspan="6"><input type="button" onClick="etapeInscription('infoperso')" value="Etape 2"/></td>
	</tr>
</span>
[...]
<span id="span_connuFL" style="display:none">
[...]
</span>
<span id="span_choixVille" style="display:none">
[...]
</span>
etc

en espérant que ce sont les bonnes parties a observer pour la bizarrerie de mon probleme.

merci d'avance.

[SpaceFrog]

est ce que le etc peut nous laisser penser qu'il y a plusieurs fois le même id sur la page ?

[Bovino]

Comment dire... tu mets réellement les tr dans des span

Rectifie la structure HTML de ta table et il devrait y avoir moins de problèmes d'affichage.

[SpaceFrog]

rhooo p... j'ai pas vu ça