Discussion :

[Solarium]

Bonjour à vous, je suis après construire une application et je veux avoir un formulaire spécial

je vous explique:

J'ai un groupe de bouton radio. Lorsque l'utilisateur appuie sur le bouton 1, je veux que le formulaire change pour un autre et lorsque nous appuyons sur le deuxieme le formulaire nous reviens a la normal. Je ne veux pas etre oubliger d'actualisé ma page. Si vous avez des questions, commentaires merci de me répondre

Bien à vous

Olivier Forget
Technicien informatique

[SpaceFrog]

display:none / bloc ...

[Solarium]

Merci de votre réponse, mais pouvez vous m'en dire plus . Question JAVASCRIPT, j'ai pas trop de connaissance. Merci à vous

[SpaceFrog]

il suffir de scinder le form avec des divs ... puis en fonction du radio clické de faire apparaitre ou disparaitre des parties du form ...
il doit d'ailleurs y avoir un chapitre là dessus dasn la faq si je ne m'abuse

[kankrelune]

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<script type="text/javascript">
function changeForm()
{
      form1 = document.getElementById("monform1");
      form2 = document.getElementById("monform2");
      button = document.getElementById("monbutton");
 
      if(form1.style.display == "block")
      {
	      form1.style.display = "none";
              form2.style.display = "block";
              button.value = "Afficher le formulaire 1";
      } 
      else 
      {
	      form1.style.display = "block";
              form2.style.display = "none";
              button.value = "Afficher le formulaire 2";
       }
}
</script>
<input type="button" id="monbutton" onClick="javascript:changeForm();" value="Afficher le formulaire 2" />
<br /><br/>
<div id="monform1" style="display:block;">
<input type="text" size="30" value="mon formulaire 1"/>
</div>
<div id="monform2" style="display:none;">
<input type="text" size="30" value="mon formulaire 2"/>
</div>

@tchaOo°

[SpaceFrog]

merci kranky l'idée est là reste plus qu'a mettre les balises form ...

[Solarium]

HOLALALALA je n'en demandais pas autant. Merci à vous les gars (p-e fille qui s'est).

Merci beaucoup

[Solarium]

Petit pb encore dsl. Je veux que les deux trucs sois toujours visible. Seulement le formulaire qui change. Il sagit d'un groupe Radio (le petit rond qu'on mets des points dedant).

Merci

[kankrelune]

Je veux que les deux trucs sois toujours visible. Seulement le formulaire qui change.

Là j'avou que j'ais pas compris... .. .

Il sagit d'un groupe Radio (le petit rond qu'on mets des points dedant).

Bah tu remplace <input type"button par deux <input type="radio"... .. .

@ tchaOo°

[Solarium]

le meilleur exemple serait un systeme d'ajout/supression de client:

quand le radio est sur ajouter, on retrouve dans le formulaire:

un champs nom, prenom, département, poste téléphonique, courriel et un bouton ajouter.

quand le radio est sur enlever, on retrouve dans le formulaire:

un champs nom, prenom, département et un bouton enlever.

ou encore un systeme de paiement:

si le radio est dans carte de crédit, il apparait les informations nécessaire, si le radio est dans cheque, l'adresse ou envoyé le paiement apparait, si le radio est dans paypal, un lien vers le produit dans paypal apparait ( le tit bouton pay now).

Je me suis mal exprimer tantôt. Merci

[kankrelune]

D'où l'interet d'avoir des formulaires séparés... .. .

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<div id="form1" ...>
<form ...>
<input type="hidden" name="op" value="add" />
...
</form>
</div>
 
<div id="form2" ...>
<form ...>
<input type="hidden" name="op" value="delete" />
...
</form>
</div>

comme ça selon la valeur de ta variable $_POST['op'] (en supposant que c'est du php) tu sais quel traitement effectuer... .. .

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
 
if($_POST['op'] == 'add')
{
      code d'ajout... .. .
}
else if($_POST['op'] == 'delete')
{ 
     code de suppression... .. .
}
else
{
     erreur... .. .
}

@ tchaOo°

[Solarium]

et je reste avec ton autre code aussi ???

[kankrelune]

Oui mais ce ne sont que des exemples génériques... à toi de les adapter selon tes besoins... je vais pas tout te faire non plus... .. .

exemple... .. .

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
 
if(isset($_GET['op']))
   $op = strip_tags($_GET['op']);
      else if(isset($_POST['op']))
        $op = strip_tags($_POST['op']);
         else
            $op = 'main';
 
if($op == 'add')
{
      code d'ajout... .. .
}
else if($op == 'delete')
{ 
     code de suppression... .. .
}
else
{
     ?>
<script type="text/javascript">
function changeForm(iddisplay, idhidde)
{
      document.getElementById(iddisplay).style.display = "block";
      document.getElementById(idhidde).style.display = "none";
}
</script>
<input type="radio" name="op" onClick="javascript:changeForm('formadd','formdelete');" checked="checked" /> Ajouter
<input type="radio" name="op" onClick="javascript:changeForm('formdelete','formadd');" /> Supprimer
<br />
<br/>
<div id="formadd" style="display:block;">
<form action="?op=add" method="post">
<input type="text" size="30" value="mon formulaire d'ajout"/>
</form>
</div>
<div id="formdelete" style="display:none;">
<form action="?op=delete" method="post">
<input type="text" size="30" value="mon formulaire de suppression"/>
</form>
</div>
    <?php
}

@ tchaOo°

[Solarium]

Ok je commence a comprendre ton code. Merci

[Solarium]

Toute a marcher NUMÉRO 1 Merci