[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
Configuration: Windows XP Internet Explorer 6.0
A voir également:
- [javascript] pas de resultat
- Resultat foot - Télécharger - Vie quotidienne
- Resultat bac 2025 - Guide
- Telecharger javascript pour pc - Télécharger - Langages
- 5/90 resultat - Forum Linux / Unix
- Javascript echo ✓ - Forum PHP
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>
