Groupe radio et information dynamique

Version imprimable

02/06/2006, 15h39
Solarium

Groupe radio et information dynamique

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
02/06/2006, 16h50
SpaceFrog

display:none / bloc ...
02/06/2006, 16h56
Solarium

Merci

Merci de votre réponse, mais pouvez vous m'en dire plus :oops: . Question JAVASCRIPT, j'ai pas trop de connaissance. Merci à vous :)
02/06/2006, 17h26
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

Code:

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°

02/06/2006, 17h38
SpaceFrog

merci kranky l'idée est là reste plus qu'a mettre les balises form ...
02/06/2006, 17h44
Solarium

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

:mrgreen: :) :mrgreen: Merci beaucoup 8-)
02/06/2006, 21h17
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
02/06/2006, 21h55
kankrelune

Citation:

Envoyé par Solarium

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

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

Citation:

Envoyé par Solarium

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°
02/06/2006, 22h00
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 :)

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

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:

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°

02/06/2006, 22h08
Solarium

et je reste avec ton autre code aussi ???

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:

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°

02/06/2006, 22h25
Solarium

Ok je commence a comprendre ton code. Merci
06/06/2006, 19h17
Solarium

Toute a marcher NUMÉRO 1 :) Merci