Formulaires et onglets

[Sharpshooter 0]

Hello,

J'ai un gros formulaire à mettre en ligne. Pour clarifier la présentation j'ai décidé de faire un onglet par rubrique du formulaire grâce à un système d'onglets css/javascript.

Sur le code HTML ça donne un truc du genre :

     blablabla


    blablabla

Le problème est que quand je veux valider le formulaire avec du Javascript, je n'arrive pas à accéder aux éléments. Par exemple

var nom = document.monformulaire.champsNom;

est vide alors que ça marchait très bien sans les onglets.

Je soupçonne les div de foutre le bordel dans la hiérarchie mais je ne suis vraiment pas un pro du Javascript.

Quelqu'un peut me dire si les div jouent un rôle dans le problème que je rencontre et comment je peux accéder à mes champs quel que soit l'onglet sélectionné ? Merci.

[Gfx 0]

Et avec document.getElementById() plutôt ? Je soupçonne un problème avec la visibilité des éléments.

[akira 0]

Oui, si il y a un display: none pour cacher les onglets non actifs, il se peut que ca marche pas. Sinon utilise le getElementById, ou mieux la fonction $() de la librairie prototype.

[Sharpshooter 0]

Effectivement ça doit venir de là.

Mais j'ai trouvé une autre gestion d'onglets en CSS/javascript qui me semble être LA solution ultime.

D'abord avec cette solution le problème est résolu : tous les champs sont accessibles (au passage getElementById() ne marchait pas non plus parce la solution que j'utilisais avant foutait le bordel dans les id et les classes).

Ensuite cette solution ne pose pas de problème d'accessibilité car si le javascript est désactivé le contenu de chaque onglet s'affiche l'un sous l'autre sur la page. Et comble de merveille cça marche sous IE et Firefox (même si j'ai pas bien testé selon les versions).

Et où trouve-t-on cette solution ultime ? Et bien... la suite au prochain épisode parce que le bookmark est au boulot et là c'est le week-end.

Merci quand même pour vos réponses.

[Sharpshooter 0]

Donc pour ceux que ça intéresse, la solution se trouve ici.

[akira 0]

Il existe aussi tabber (tabber) qui est lui aussi non intrusif.

[Sharpshooter 0]

Arg ! Désolé, dans ma hâte j'ai posté le lien vers un truc que j'ai testé mais c'est bel et bien le script mis en lien par Akira que j'ai utilisé.