1 Formulaire, 2 bouton pour 2 pages?

Version imprimable

Bonjour,

Voila j'ai un formulaire, j'ai créé 2 boutons, j'aimerai que quand je clique sur le premier cela m'ouvre une page (_self) et je recupère mes données par la methode post et quand je clique sur le deuxieme cela m'ouvre une autre page (_blank) en recuperant également une donnée. J'effectue un control sur un champ à l'envoi de mon formulaire, mais je ne vois pas comment l'integré a ma fonction permettant d'ouvrir tel ou tel page.

comment joindre le

Code:

onsubmit="return radio_null()"

dans
Code:

1 2 3 4 5 6 7 8 function soumettre(formulaire,cible,nomdepage) { document.forms[formulaire].action=nomdepage ; document.forms[formulaire].target=cible ; document.forms[formulaire].submit(); }

à mon avis, plutot que de lier ta fonction à l'evenement onSubmit de ton formulaire, tu devrais la lier aux deux évenements onClick de tes deux boutons avec des parametres différents selon les boutons
exemple :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script language="javascript">
  function soumettre(formulaire,cible,nomdepage)
   {
     document.forms[formulaire].action=nomdepage ;
     document.forms[formulaire].target=cible ;
     document.forms[formulaire].submit();
   }
</script>
 
<form name="monform" method="post">
  <input balbalabla ... >
  <button name="bouton1" onClick="soumettre("monform","cible1","http://monserv.com/page1")>envoyer vers la page 1</button>
<button name="bouton2" onClick="soumettre("monform","cible2","http://monserv.com/page2")>envoyer vers la page 2</button>
</form>

08/03/2006, 17h58
12_darte_12

Je comprend pas tres bien la. Ton exemple n'integre pas la premiere focntion.
08/03/2006, 18h01
Hervé Saladin

de quelle fonction tu parle ?

Voila ce que j'ai fait :
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 function radio_null() { var nombreRadios = document.getElementsByName('num_generale').length; var coche = false; for (i=0; i < nombreRadios; i++) { if (document.getElementById("radio"+i).checked == true) { coche = true; } } if (coche == false) { alert("Veuillez cocher une case !"); return false; } else { return true; } } function soumettre(formulaire, cible, nomdepage) { document.forms[formulaire].action=nomdepage ; document.forms[formulaire].target=cible ; document.forms[formulaire].submit(); }
Code:

<button name="bouton1" onClick="if (radio_null()==true){soumettre('envoi_pour_fiche_article', '_self', 'fiche_article_suivi_stock.php')}" class="Bouton">envoyer vers la page 1</button>

Voila sur mon bouton je teste si ma function radio_null() est vrai, si oui j'envoi mon formulaire sur l'autre page, sinon je ne fait rien et et j'ai le message d'alerte de ma function radio_null() qui s'affiche.

Qu'en pensez-vous? Est-ce correcte?

mmmh :?
moi personellement, je ferais plutôt comme ça :

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
<script language="javascript"> 
 
  function radio_null() 
  { 
   var coche = false; 
 
   var i=0;
 
   while((i<document.getElementsByName('num_generale').length)&&(!coche))
      {
         coche = document.getElementById("radio"+i).checked;
         i++;
      } 
 
      return coche; 
  } 
 
 
  function soumettre(formulaire,cible,nomdepage) 
   { 
     if(radio_null())
     {
       document.forms[formulaire].action=nomdepage ; 
       document.forms[formulaire].target=cible ; 
       document.forms[formulaire].submit(); 
     }
     else
     {
       alert("Veuillez cocher une case !"); 
     }
   } 
 
</script> 
 
<form name="monform" method="post"> 
  <input balbalabla ... > 
  <button name="bouton1" onClick="javascript:soumettre('envoi_pour_fiche_article', '_self', 'fiche_article_suivi_stock.php');">envoyer vers la page 1</button> 
<button name="bouton2" onClick="javascript:soumettre('envoi_pour_fiche_article', '_blank', 'fiche_article_suivi_stock.php');">envoyer vers la page 2</button> 
</form>

enfin, il ya pleins de façons différentes possible cela dit ...