Discussion :

[root59]

Bonjour,

Mon problème est le suivant: je voudrai lancer une image de chargement lorsqu'un utilisateur valide le remplissage d'un rapport et je bloque au niveau de l'ajax je sais pas pour insérer mon image de chargement ainsi que son lancement pour au final afficher la liste des rapport lorsqu'il a finis son chargement.

Merci pour votre aide.

Voici le code:

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
$.ajax({
	type: "POST",
	url: "rapport_ajouter_vide.php",
	contentType: "application/x-www-form-urlencoded;charset=UTF-8",
	beforeSend: function () {
		$(".ui-dialog-buttonpane").find('button:contains("Valider")').prop("disabled", true);
	},
	data: {pdate:date, pheure:heure, pfin:fin, ptemps:temps, pid_client:id_client, ptype:type, pid_contact:id_contact, 
		pnuit:nuit, pcommande:commande, pmontant:montant, pkm_depart:km_depart, pkm_arrivee:km_arrivee, pkm:km, paction:action, 
		prendu:rendu, pkm_domicile:km_domicile, pprospect:prospect, pnom_prospect:nom_prospect}
	}).done(function(result) {
		if (result != ""){
			$('#erreur_rapport').html(result);
			$(".ui-dialog-buttonpane").find('button:contains("Valider")').prop("disabled", false);
		}
		else
			liste_rapport();
});

[root59]

finalement jai trouvé la solution fallait rajouter une image sur le bouton valider

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
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
$.ajax({
 
		type: "POST",
 
		url: "rapport_ajouter_vide.php",
 
		contentType: "application/x-www-form-urlencoded;charset=UTF-8",
 
		beforeSend: function () {
 
			$(".ui-dialog-buttonpane").find('button:contains("Valider")').prop("disabled", true).html("<table style='height:100%;width:auto;margin-left:auto;margin-right:auto'><tr><td><img style=\"vertical-align:middle\" src=img/big-chargement.gif /></td></tr></table>");
 
		},
 
		data: {pdate:date, pheure:heure, pfin:fin, ptemps:temps, pid_client:id_client, ptype:type, pid_contact:id_contact, 
 
			pnuit:nuit, pcommande:commande, pmontant:montant, pkm_depart:km_depart, pkm_arrivee:km_arrivee, pkm:km, paction:action, 
 
			prendu:rendu, pkm_domicile:km_domicile, pprospect:prospect, pnom_prospect:nom_prospect}
 
		}).done(function(result) {
 
			if (result != "")
 
			{
 
				$('#erreur_rapport').html(result);
 
				$(".ui-dialog-buttonpane").find('button:contains("Valider")').prop("disabled", false);
 
			}
 
			else
 
				liste_rapport();
 
		});
 
	}