Discussion :

[Hesiode]

Bonjour,

J'utilise prototype, et j'ai un problème avec un formulaire qui contient plusieurs boutons sumbit :

Code :

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

1
2
3
			<input type="submit" name="submit" value="Ajouter">
			<input type="submit" name="submit" value="Modifier">
			<input type="submit" name="submit" value="Supp">

Code :

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

1
2
3
4
5
6
7
8
9
	function ValidateFormCash(result,form){
		if(result){
			var params = Form.serialize($('saisie'));
			alert(params);
			new Ajax.Request('ajax/cash.php', {onComplete:handlerFuncSaisie,onFailure:errFunc,asynchronous:true,parameters:params});
		}
	}
 
	var valid = new Validation('saisie', {immediate : true, onFormValidate : ValidateFormCash});

A chaque validation du formulaire, la variable submit contient toujours "Ajouter" quelque soit le bouton sur lequel on a appuyé.

Quelqu'un a t'il une idée ?
Merci

[Bovino]

Ben... trois boutons submit sur un formulaire... ça en fait pas deux de trop ???

[Hesiode]

Les 3 boutons n'ont pas la même fonctionnalités.

[Bovino]

Code :

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

1
2
3
<input type="submit" name="submit" value="Ajouter">
			<input type="submit" name="submit" value="Modifier">
			<input type="submit" name="submit" value="Supp">

A part value (dont le seul rôle est de mettre du texte dans le bouton), ils font exactement la même chose (un submit du formulaire...)

[Hesiode]

Oui mais en récupérant la valeur (value) je peux savoir sur quel bouton la personne a cliqué et ainsi faire un traitement différent selon.

Mais j'imagine que tu dois avoir une autre méthode ? J'achète !!!!

[shito]

Envoie le code de ton formulaire, je pense que c'est plutôt là qu'il te faudra changer certains trucs...

[Bovino]

Oui mais en récupérant la valeur (value) je peux savoir sur quel bouton la personne a cliqué et ainsi faire un traitement différent selon.

Si c'était le cas, tu n'aurais pas de problème...
Un formulaire = un submit...

Mais j'imagine que tu dois avoir une autre méthode ? J'achète !!!!

Au lieu de mettre 3 boutons submit, mets plutôt 3 boutons :

Code :

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

<input type="button" value="valeur" onclick="traitement(this.value)" />

voire

Code :

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

<input type="button" value="valeur" onclick="traitement('valeur')" />

puis la fonction javascript traitement qui te permet de savoir quel bouton a été cliqué, traiter en conséquence et finir par

Code :

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

document.forms[nom_du_formulaire].submit();

Vendu !!!

[Hesiode]

Merci bien !
Ca marche mieux comme ça !!

(désolé pour les remerciements tardifs

[Bovino]

De rien c'est toujours sympa d'y penser

[RapotOR]

Bonjour tout le monde;

Bon, je resors un vieux post... j'avoue mais c'est pour profiter des différentes interventions et proposer une réflexion un peu différente.

Dans un formulaire classique sans javascript, le fait d'utiliser plusieurs submit dans un formulaire permet de récupérer en POST la variable du bouton qui est actionné.
Dans l'exemple mentionné par notre ami Hesiode, la variable POST aurait la valeur Ajouter ou Modifier selon le bouton; et ce, sans javascript.

Avec Form.serialize, horreur, ca ne marche pas... il en prend que un des deux.

Alors, je propose une solution pour ceux qui tomberait sur cette page et que cela intéresserait. (basé sur prototype toujours...)

A l'initialisation, on modifie le onclick des submits contenus dans le formulaire.

Code :

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

1
2
3
4
5
6
7
 
form.getInputs('submit').each(function(submitInput){
	submitInput._submitted = false;
	submitInput.onclick = function(){
		submitInput._submitted = true;
	}.bind(this);
}.bind(this));

Cette premiere partie de code permet l'application d'un flag "_submitted" sur le submit qui soumet le formulaire.

Ensuite, vous devinez (en reprenant l'exemple original).
Au moment du submit, on check dans les submits contenus dans la form lequel contient le flag à vrai...

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
 
form.onsubmit = function(){
	var params = Form.serialize($('saisie'));
 
	var submitValue = {};
	form.getInputs('submit').each(function(submitInput){
		if (submitInput._submitted === true){
			submitValue[ submitInput.name ] = submitInput.value;
		}
		submitInput._submitted = false;
	}.bind(this));
	Object.extend( formOptions , submitValue || {} );
 
 
	new Ajax.Request('ajax/cash.php', {onComplete:handlerFuncSaisie,onFailure:errFunc,asynchronous:true,parameters:params});
 
}

(un truc du genre)

Voici...

Le but principal de cette méthode est de garder le fonctionnement identique qu'on utilise ou non javascript.

Je suis ouvert aux commentaires et critiques constructives.

Cordialement

Cédric