Discussion :

[albokos]

Bonjour à tous je debute en javascript, et le projet sur leque je travail demande que j'affiche et masque des div en fonction de l'etat d'un bouton radio.

plus clairement:

j'ai 2 boutons qui répondent à la question " est marié ?"

par defaut le bouton non est selectionner et j'aimerai qu'alors la div "infoconjoint" soit invisible (et carrement inactive).

si le bouton oui est selectionner alors la div en question apparait avec les champs à renseigner.

pour le moment l'effet masquer/afficher fonctionne mais au premier affichage de la page, la div est visible (malgre le bouton "non" en checked par defaut)

voici le code que j'utilise:

Code :

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

1
2
3
4
5
6
function afficher(infoconjoint){
			document.getElementById(infoconjoint).style.visibility = "";
		}
		function cacher(infoconjoint){
			document.getElementById(infoconjoint).style.visibility = "hidden";
		}

au niveau de mon bouton j'ai:

Code :

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

1
2
<input name="RadioGroupMarie" type="radio" onclick='afficher("infoconjoint");' value="marie" />
Oui </label>

Code :

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

1
2
<input name="RadioGroupMarie" type="radio" checked="checked" onclick='cacher("infoconjoint");' value="celibataire" />
              Non </label>

Ma div infoconjoint:

Code :

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

    <div id="infoconjoint" style="display:none">

J'aimerai savoir ce qui ne va pas avec ce code d'autant plus que je l'ai adapter depuis un ancien post sur ce forum. J'aurais manqué quelque chose? merci d'avance

[SpaceFrog]

ce n'est pas parce que le bouton est coché par defaut que la fonction a été interprétée une fois au moins ...

soit tu lances la fonction dans le onload soit tu mets un style.visibility:hidden

[albokos]

Merci pour l'astuce style.visibility:hidden à marché à merveille.

Maintenant une petite question de newbie. pour gerer mon formulaire (controle de saisie et validation) PHP ou Javascript ???. vos conseils sur la solution la plus sécurisée (tout en restant simple si possible)
Merci encore!!!!!!!!!!!!

Au fait l'outil doit permettre un controle temps réel des champs (pendant la saisie de l'utilisateur)

[Bovino]

Salut,
Tu peux faire des tests sur la validité du contenu des champs en JavaScript, mais les vrais contrôles doivent obligatoirement être faits en PHP.

[albokos]

Que dois-je comprendre par vrai contrôle ???. si j'ai bien saisi, je peu controler le format des données entrées par l'utilisateur avec javascript mais le contrôle sur leur valeur doit se faire avec php! C'EST EXACTE???????

[SpaceFrog]

ça veut juste dire qu'un controle coté javascript peut être contourné, c'est juste pour un confort pour l'utilisateur, mai sle véritable controel doit se faire sur le serveur

[albokos]

Merci!!!!!!!

[albokos]

Ca marche super mais quelle modif dois-je apporter pour que ca marche avec un menu deroulant???