[javascript] pas de resultat
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
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
Configuration: Windows XP Internet Explorer 6.0
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>
