[javascript] pas de resultat

Fermé
piogo113 Messages postés 1 Date d'inscription vendredi 6 octobre 2006 Statut Membre Dernière intervention 23 mai 2007 - 23 mai 2007 à 11:56
 brascoo - 24 mai 2007 à 19:12
bonjour tout le monde

j'ai 2 formulaire html, le 2éme est caché, et le 1er comporte un bouton afficher et quand je clique sur ce bouton, il doit m'afficher le 2éme formulaire, mais ca me donne rien

voila le code associé:

[code]
<body>
<form method="get" name="form1">
<p align="center"> form1</p>
<p align="center">
<input type="text" name="text2"></p>
<p><input type="text" name="text3">
<input type="text" name="text4">
<input type="text" name="text5"> </p>
<p> <input type="button" value="afficher" name="afficher" OnClick="showformulaire();"></p>
<p> </p><p> </p>
</form><br><br>
<form method="get" name="form2">
<div id="form2" style="visibility: hidden;">
<input type="text" name="text6"></p>
<p><input type="text" name="text7">
<input type="text" name="text8">
<input type="button" value="cacher" name="cacher" OnClick="hideformulaire();"> </p>
</div>
</form>
<script type="text/javascript">
function showformulaire()
{
document.getElementById("form2").style.visibility="visible";
}
function hideformulaire()
{
document.getElementById("form2").style.visibility="hidden";
}

</script>


</body>
[/code]

pouvez vous m'aider?

Merci

2 réponses

Tu ne veux pas envoyer tout ton code pour que je regarde cela ???
Simple, tu y étais presque, n'imbrique pas ton <div /> dans ton <form /> mais l'inverse.

<body>
<form method="get" name="form1">
<p align="center"> form1</p>
<p align="center">
<input type="text" name="text2"></p>
<p><input type="text" name="text3">
<input type="text" name="text4">
<input type="text" name="text5"> </p>
<p> <input type="button" value="afficher" name="afficher" OnClick="showformulaire();"></p>
<p> </p><p> </p>
</form><br><br>
<div id="form2" style="visibility: hidden;">
<form method="get" name="form2">
<input type="text" name="text6"></p>
<p><input type="text" name="text7">
<input type="text" name="text8">
<input type="button" value="cacher" name="cacher" OnClick="hideformulaire();"> </p>
</form>
</div>

<script type="text/javascript">
function showformulaire()
{
document.getElementById("form2").style.visibility="visible";
}
function hideformulaire()
{
document.getElementById("form2").style.visibility="hidden";
}

</script>


</body>