deux bouton submit pour un seul formulaire

**griese** · 15/06/2006, 18h35

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.

**supermanu** · 15/06/2006, 18h41

Voir le topic
http://www.developpez.net/forums/sho...boutons+submit

**griese** · 16/06/2006, 11h46

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.

**supermanu** · 16/06/2006, 11h52

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

Code :

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

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;
}

**griese** · 16/06/2006, 12h02

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 :

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

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'>

**supermanu** · 16/06/2006, 12h10

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 :

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
 
<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>

**griese** · 16/06/2006, 12h17

J'ai fais comme tu m'as dit :

Code :

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

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.

**supermanu** · 16/06/2006, 12h20

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

Code :

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

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\";>

**griese** · 16/06/2006, 12h46

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 :

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

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;
}

**antrax2013** · 16/06/2006, 12h47

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

Code :

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

alert(boutonclicke);

tu n'auras plus le message d'alerte.

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

Code :

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

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();
}