Discussion :

[piogo113]

bonjour tout le monde

j'ai 2 formulaire dans la meme page, et chaque formulaire a un bouton, ( afficher details et cacher details), je veux que ma page contient un seul formulaire, et que l'autre soit caché, et lorsqu'on appuit sur le bouton "afficher details", le 2éme formulaire s'affiche dans la meme page, et lorsqu'on appuit sur cacher, il revient sur le 1er formulaire.

Merci

[willoi]

Tu peux tout a fait faire ca en javascript(un peu comme ca) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
function change_visibility(action){
var tbl=document.getElementById('form_details');
 if (action=='cacher'){
   tbl.style.display='none';
 }else{
   tbl.style.display='inline';
 }
}

et dans tes boutons utilises onclick="change_visibility('cacher')" et onclick="change_visibility('montrer')"

[piogo113]

Merci je vais essayer.

[piogo113]

j'ai deja essayé la proposition mais ca marche pas.
il faut deja quand j'execute dans le browser, faut que le 2éme formulaire soit cacher, et quand je clique sur le bouton afficher details le 2éme formulaire doit s'afficher dans la meme page.

[c_nvy]

Le formulaire que tu veux cacher, tu le mets dans une balise div avec un style visibility:hidden comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<div id="formulaire" style="visibility: hidden;">
...
</div>

Ensuite, sur le bouton "afficher details" tu ajoutes un attribut onclick pour exécuter une fonction javascript, comme te l'as déjà conseillé willoi.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="button" name="bouton" value="afficher details" onclick="showFormulaire();">

et la fonction javascript qui permet de rendre ton formulaire visible :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<script>
  function showFormulaire() 
  { 
  document.getElementById("formulaire").style.visibility="visible"; 
  }
</script>

[piogo113]

Bon voila j'ai essayé le formulaire est caché, mais quand je clique sur le bouton ca marche toujours pas,
comment faire pour qu'il fonctionne?

merci pour votre aide.