faire apparaitre tableau avec menu deroulant

**jojo971** · 15/06/2006, 11h43

Bonjour,

je fait un site internet qui utilise des formulaires. en ce moment ce que je voudrais réaliser cest en cliquant sur une touche faire apparaite la suite d'un formulaire avec son menu deroulant.
PAr exemple je saisie mon adresse on demande de saisir une deuxieme si on a si je clique oui , je voudrais voir apparaitre une deuxieme zone de saisie.

je suis debutant en javascript, j'ai du mal

a trouver les soultions merci corespond. Merci pour le coup de main.

**supermanu** · 15/06/2006, 11h46

Tu as un début de formulaire et/ou script que tu pourrais poster ?

**jojo971** · 15/06/2006, 11h51

[QUOTE=supermanu]<form name="form1" method="post" action="">
<div align="center">
<input type="reset" name="Submit" onClick="history.go(-1)" value="<<modifier un champ" >
  
<input type="submit" name="Submit" value="Confirmer ces données >>">
</div>
</form>QUOTE]

ce que je voudrais cest en cliquant sur confirmer faire apparait sur la meme page une autre un formulaire avec menu deroulant

**supermanu** · 15/06/2006, 12h00

En dessous de ton formulaire, tu peux créer un div avec un identifiant (caché au début). Ce div contient ton autre formulaire.
En cliquant sur "Confirmer" on peut afficher ce div, donc le formulaire...

Ton div :

Code :

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

1
2
3
4
5
 
<div id="monDiv">
  <form ....>
  </form>
</div>

Le bouton confirmer :

Code :

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

1
2
 
<input type="submit" name="Submit" value="Confirmer ces donn&eacute;es &gt;&gt;" onclick="confirmer();>

La fonction confirmer :

Code :

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

1
2
3
4
5
 
function confirmer() {
  document.getElementById('monDiv').style.visibility='visible';
  document.getElementById('monDiv').style.display='block';
}

**jojo971** · 15/06/2006, 14h08

j'ai essaye mais le le formulaire entre mes deux div saffiche dans le navigateur avent meme de clique sur le bouton confirmer.

je suis nouveau javascript , il ft mettre les balises avant javasrcript avant <div></div>

Envoyé par supermanu

En dessous de ton formulaire, tu peux créer un div avec un identifiant (caché au début). Ce div contient ton autre formulaire.
En cliquant sur "Confirmer" on peut afficher ce div, donc le formulaire...

Ton div :

Code :

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

1
2
3
4
5
 
<div id="monDiv">
  <form ....>
  </form>
</div>

Le bouton confirmer :

Code :

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

1
2
 
<input type="submit" name="Submit" value="Confirmer ces donn&eacute;es &gt;&gt;" onclick="confirmer();>

La fonction confirmer :

Code :

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

1
2
3
4
5
 
function confirmer() {
  document.getElementById('monDiv').style.visibility='visible';
  document.getElementById('monDiv').style.display='block';
}

**supermanu** · 15/06/2006, 14h21

Oups désolé, j'ai oublié quelques trucs !

la fonction javascript tu la met à cet emplacement :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<html>
  <head>
    <script language="JavaScript" type="text/javascript">
	<!--
function confirmer() {
  document.getElementById('monDiv').style.visibility='visible';
  document.getElementById('monDiv').style.display='block';
}
        //-->
    </script>
  </head>

Et il faut rendre le div invisible au début :

Code :

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

1
2
 
<div id="monDiv" style="visibility:hidden; display:none;">

**jojo971** · 15/06/2006, 14h32

Merci; cest presque ca , le div apparait qd je clique sur confirmer par contre ca dure a peine une seconde il disparait aussi tot. j'ai encore trouve d'ou ca vient

Envoyé par supermanu

Oups désolé, j'ai oublié quelques trucs !

la fonction javascript tu la met à cet emplacement :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<html>
  <head>
    <script language="JavaScript" type="text/javascript">
	<!--
function confirmer() {
  document.getElementById('monDiv').style.visibility='visible';
  document.getElementById('monDiv').style.display='block';
}
        //-->
    </script>
  </head>

Et il faut rendre le div invisible au début :

Code :

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

1
2
 
<div id="monDiv" style="visibility:hidden; display:none;">

**jojo971** · 15/06/2006, 14h35

Merci ca marche , javais oublie que les bouton venait d'un autre formulaire il rechargeait la pge cest pour ca.
Merci encore ca fonctionne.

Envoyé par jojo971

Merci; cest presque ca , le div apparait qd je clique sur confirmer par contre ca dure a peine une seconde il disparait aussi tot. j'ai encore trouve d'ou ca vient

faire apparaitre tableau avec menu deroulant

JavaScript

Discussions similaires

Partager

Partager