[javascript] pas de resultat
piogo113
Messages postés
1
Statut
Membre
-
brascoo -
brascoo -
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
A voir également:
- [javascript] pas de resultat
- Resultat foot - Télécharger - Vie quotidienne
- Lexer resultat - Télécharger - Sport
- Telecharger javascript - Télécharger - Langages
- Résultat loto bulgarie autriche azerbaïdjan - Forum Loisirs / Divertissements
- 5/90 resultat ✓ - Forum Excel
2 réponses
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>
<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>