deux bouton submit pour un seul formulaire

Version imprimable

15/06/2006, 17h35
griese

deux bouton submit pour un seul formulaire

Bonjour à tous,
J'aurai voulu savoir si il était possible d'avoir deux boutons submit dans le même formulaire et que c'est deux boutons renvoi les données vers deux pages différentes. C'est à dire le bouton 1 envoi les données vers la page1 et le bouton 2 envoi les données vers la page2.
Qu'en pensez-vous ?
D'avance merci pour votre aide.
15/06/2006, 17h41
supermanu

Voir le topic
http://www.developpez.net/forums/sho...boutons+submit
16/06/2006, 10h46
griese

Merci mais cela ne corresponf pas tout a fait à ma question car moi je veux que mon formulaire puisse être envoyer à deux pages différentes, en fonction du bouton choisie.
Par exemple le bouton1 envoi à la page1 et le bouton2 envoi à la page2.

Suivant quel bouton tu as cliqué, tu peux changer l'action du formulaire :

Code:

1
2
3
4
5
6
7
8
9
10
11
 
function mafonction(){
var objForm = document.getElementById('monFormulaire');
var boutonclicke=document.getElementById('subbut').value;
alert(boutonclicke)
if(boutonclicke=="bout1")
	objForm.action = "test.html";
if(boutonclicke=="bout2")
	objForm.action = "test2.html";	
return false;
}

Merci de ton aide mais le problème c'est que lorsque la fenêtre d'alert s'ouvre, rien ne s'affiche dedans. Voici le code de déclaration des deux boutons submit :
Code:

1 2 3 4 <input type='submit' name='modifier' value='Modifier' onclick='document.getElementById('subbut').value=this.value';> <input type='submit' name='supprimer' value='Supprimer' onclick='document.getElementById('subbut').value=this.value';> <input type='hidden' name='subbut'>

2 petites erreurs :
- Dans <input type='hidden' name='subbut'>, au lieu de mettre name, on met id, car on fait un getElementById dans la fonction.
- Attention aux quotes dans le onclick (j'ai remplacé ' par " : onclick="document.getElementById('subbut').value=this.value";

Ce qui nous donne :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
<script language="JavaScript">
	function mafonction(){
		var objForm = document.getElementById('monFormulaire');
		var boutonclicke=document.getElementById('subbut').value;
		alert(boutonclicke)
		if(boutonclicke=="Modifier")
			objForm.action = "test.html";
		if(boutonclicke=="Supprimer")
			objForm.action = "test2.html";	
		return false;
	}
</script>
 
</head>
<body>
<form action="test.html" OnSubmit="mafonction()" id="monFormulaire">
 
<input type='submit' name='modifier' value='Modifier' onclick="document.getElementById('subbut').value=this.value";>
<input type='submit' name='supprimer' value='Supprimer' onclick="document.getElementById('subbut').value=this.value";>
<input type='hidden' id='subbut'>
 
</FORM>

J'ai fais comme tu m'as dit :
Code:

1 2 3 4 <p align='center'><input type='submit' name='modifier' value='Modifier' onclick="document.getElementById('subbut').value=this.value";> <input type='submit' name='supprimer' value='Supprimer' onclick="document.getElementById('subbut').value=this.value";> <input type='hidden' id='subbut'>
Et maintenant j'ai un parse error sur cette ligne :
Parse error: parse error, expecting `','' or `';'' in c:\program files\easyphp1-8\www\agence.php on line 177
Et si je remet les ' à la place des ", je n'ai plus le problème de parse error mais rien ne s'affiche.

C'est dans une page php ?
tu écris ton code avec des echo ""; ?
Dans ce cas, " devient \"

Code:

1
2
3
 
<input type='submit' name='modifier' value='Modifier' onclick=\"document.getElementById('subbut').value=this.value\";>
<input type='submit' name='supprimer' value='Supprimer' onclick=\"document.getElementById('subbut').value=this.value\";>

Merci, là ça marche. Mais le problème c'est qu' il y a juste le message d'alert qui s'affiche, il n'y pas de redirection vers la page chosie :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 function openurl(){ var objForm = document.getElementById('form'); var boutonclicke=document.getElementById('subbut').value; alert(boutonclicke); if(boutonclicke=="Modifier"){ objForm.action = "insert_modif_agence.php"; } if(boutonclicke=="Supprimer") { objForm.action = "suppr_agence.php"; } return false; }

si j'ai bien compris ton soucis il faut que tu enlèves cette ligne

Code:

alert(boutonclicke);

tu n'auras plus le message d'alerte.

Sinon je pense qu'il faut aussi envoyer le formulaire soit:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 function openurl(){ var objForm = document.getElementById('form'); var boutonclicke=document.getElementById('subbut').value; alert(boutonclicke); if(boutonclicke=="Modifier"){ objForm.action = "insert_modif_agence.php"; } if(boutonclicke=="Supprimer") { objForm.action = "suppr_agence.php"; } objForm.submit(); }
sinon va voir sur ce lien il y a plus simple:http://javascript.developpez.com/faq...mObjs#FormAuto

16/06/2006, 11h51
supermanu

Essaie de mettre return true au lieu de false ?
Et regarde s'il passe bien dans les if avec des alert()
16/06/2006, 11h56
griese

Ca marche impeccable merci à toi supermanu, tu m'as rendu un fier service.