[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
- 5/90 resultat - Forum Linux / Unix
- Samia, kevin et jason ont gardé la trace de leurs ventes quotidiennes du mois de juillet 2016. dans la feuille bilan, il manque les résultats de jason. insérez une colonne entre samia et kevin et reportez-y les résultats de jason. quel mot secret apparait en f2 ? - Forum LibreOffice / OpenOffice
- Telecharger javascript - Télécharger - Langages
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>
