dans un formulaire à 2 submit, connaitre le submit activé

Version imprimable

Bonjour
j'ai un formulaire qui contient 2 boutons Submit pour avoir 2 actions, enregistrer et supprimer

Code:

1
2
echo ' <input type="submit"  value="Enregistrer" name="Action" value="Enregistrer"/> ';
					echo ' <input type="submit"  value="Supprimer"  name="Action" value="Supprimer"/> ';

Pour envoyer le formulaire j'utilise

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
$(document).ready(function() {
	// modifier volume apsa installation
	$('form.FormModifierVolume').submit( function (e) {
 
 
		   //
		   e.preventDefault(); // on empeche l'envoi du formulaire par le navigateur
 
     var datas = $(this).serialize();
	 var x = $(this).serializeArray();
 
  $.each(x, function(i, field){
   if (field.name=='id'){
	   InstallationCourante=field.value;
   }
 
 });
	  alert (datas); 
     $.ajax({
          type: 'POST',      // envoi des données en POST
          url: 'ModifierVolumeApsaInstallation.php',     // envoi au fichier défini dans l'attribut action
          data: datas, 
		    // sélection des champs à envoyer
          success: function(msg) {     // callback en cas de succès
              alert (msg);
			   document.location.href="OccupationsV1.php#"+InstallationCourante;
									document.location.reload();
         						 }
    		 });
		   //
 
			} );
 
	// fin modifier volume apsa installation
 
 
 
	});

Je n'arrive pas à savoir quel bouton Submit à provoquer l'envoi car var datas = $(this).serialize(); ne fait pas appratre le submit

Merci pour votre aide

18/12/2012, 19h27
Bovino

Code:

$(e.target)
18/12/2012, 21h03
girardeau

Merci pour la réponse mais comment exploiter e.target
car alert (e.target) ne donne rien

A bientot
LG

Bonsoir

@Bovino : "event.target" contient bien quelque chose, mais c'est "form".

Une solution :

Code:

1
2
3
4
<form>
	<input type="submit" value="Enregistrer" name="Action" value="Enregistrer">
	<input type="submit" value="Supprimer"  name="Action" value="Supprimer">
</form>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
$( "input[type='submit']" ).click( function( event ){
	event.dvjh = {
		"submitType" : this.value
	};
 
	$( "form" ).submit();
 
	return false;
});
 
$( "form" ).submit( function( event ){
	if ( event.dvjh.submitType == "Enregistrer" ){
		// transaction AJAX
	} else {
		// action "Supprimer"
		// transaction AJAX
	}
 
	return false;
});

19/12/2012, 21h55
kopax

Tout ca m'a l'air bien compliquer et beaucoup trop long pour récuperer la valeur du button cliquer, tu catch l'evenement je ne vois pas ou est le problème

Citation:
Envoyé par danielhagnoul
Bonsoir

@Bovino : "event.target" contient bien quelque chose, mais c'est "form".

Une solution :
Code:

1 2 3 4 <form> <input type="submit" value="Enregistrer" name="Action" value="Enregistrer"> <input type="submit" value="Supprimer" name="Action" value="Supprimer"> </form>
Code:

1 2 3 4 5 6 7 8 9 10 11 12 $( "input[type='submit']" ).click( function( event ){ event.dvjh = { "submitType" : this.value }; $( "form" ).submit(); return false; }); });
Merci pour la réponse. Néanmoins je ne comprends pas à quoi sert la routine input

A bientot
Laurent

20/12/2012, 23h14
danielhagnoul

Citation:

Envoyé par kopax

Tout ca m'a l'air bien compliquer et beaucoup trop long pour récuperer la valeur du button cliquer, tu catch l'evenement je ne vois pas ou est le problème

Je n’intercepte pas l'événement ! :cry:

Citation:

Envoyé par girardeau

Merci pour la réponse. Néanmoins je ne comprends pas à quoi sert la routine input

A bientot
Laurent

À ne pas répondre à votre demande sans doute ! :cry:

Désespérant, moral à zéro ! Pars en grève jusqu'après la fin du monde !
20/12/2012, 23h33
Bovino

Citation:

Envoyé par danielhagnoul

Pars en grève jusqu'après la fin du monde !

A demain alors ! :mouarf: