JavaScript - Rendre Visible ou Invisible des éléments d'un form
Suite à une question sur le forum et donc fidèle à mes habitudes, voici un petit bout de code, que vous pourrez bien sûr adapter à vos besoins, qui permet de rendre visible ou invisible un élément d'un formulaire.
Dans cet exemple, j'ai utilisé un tableau dans lequel j'ai mis l'élément "manipulé" dans une cellule de ce tableau mais chacun voyant midi à sa porte...
JavaScript Pour pouvoir le télécharger, connectez-vous ! ;)
merci pour le code mais moi je veux faire des button radio lorsque je selectionne que je suis chef dentreprise le champ text doit etre afficher si je suis porteur porjet il doit etre invisible
<script language="JavaScript">
function test()
{
obj=document.getElementById("ip").style;
if(document.choix.id.checked==true){obj.visibility='visible';}else{obj.visibility='hidden';}
}
</script>
</head>
<body>
<form action="votre-page" method="post" name="choix"><table width="443">
<tr> <td colspan="2">Vous êtes:</td> </tr><tr> <td colspan="2">
<p>chef dentreprise:
<input name="id" type="radio" value="1" onClick="test()" >Porteur projet
<input name="id" type="radio" value="1" >
</p>
<div id="ip" style="visibility: hidden">
<p>raison social:
Les boutons radio sont numérotés, il faut alors tester celui qui t'intéresse :
if(document.choix.id[0].checked==true){
0 : le premier bouton radio appelé id
1 : le deuxième bouton radio appelé id
2 : le troisième bouton radio appelé id
etc.
lhamo 05/10/08
Bonojur, je suis totalement profane en asp. Ce bout de code va beaucoup m'aider car je suis en train de créer un formulaire, mais quelle est l'attribut à déclarer pour le cas d'un menu déroulant dont la sélection va faire apparaitre un nouveau champ ? J'imagine que ce n'est pas Onclick mais autre chose...
DB77 05/10/08
Ta question est trop spécifique car tout dépend comment est fait le menu déroulant et avec quoi.
Il peut très bien, comme c'est le cas sur ce site, afficher un menu si tu déjà inscrit par exemple. Et là, c'est lors de la création du menu que c'est fait et non comme expliqué dans mon bout de code.
Donc, je ne peux pas te répondre.
lhamo 05/10/08
J'ai un peu de mal à comprendre ta réponse en dehors de la première phrase. Dans le doute je me permet de te spécifier que je construis ce formulaire en html, si ça peut éclairer tes lumières ! Le champ concerné est ainsi :
Ok, mais il faut trouver un événement sur lequel tu rendras visible ou invisible ton menu. Et lequel ?
azzeddine_f 15/10/08
merci popur le code
diice 18/12/09
Bonjour j'ai le meme probleme que lhamo.
j'ai un >select<, et dedans une des values doit faire apparaitre un <input type text>.
et j'arrive a rien !
ca ne marche que quand je met l'evenement sur le <select> pas sur l'<option>
est-il possible de mettre en evenement sur un <option> ?
et si oui, comment ?
merci d'avance pour votre réponse
DB77 18/12/09
Il ne faut pas tout mélanger et utiliser chaque module pour ce à quoi il a été conçu.
Pour ajouter des options à un select effectuez une recherche sur le site en utilisant les bons mots clefs (liste déroulantes dépendantes par exemple). Et si cela ne donne rien il existe sur ce site de nombreux exemples qui illustrent ce concept.
DB77 18/12/09
Regardez le bout de code que j'ai fait et qui s'appelle "D'un select à l'autre". Il vous servira pour développer ce que vous voulez faire. Il est dans la partie Javascript.
Pour participer, il faut d'abord vous identifier !