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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
| // Code qui sauvegarde choix checkbox
var loader = "http://data.***.fr/images/loader.gif";
$( "div.CheckBoxes" ).addClass( "texte" ); // On ajoute la class au div
$('div.CheckBoxes input[type=checkbox]').click(function() {
cochee = $(this).is(':checked'); // Si checkbox cochée ou non
name=$(this).attr("name"); // Attibut name de l'input
// id = $(this).val(); // Contenu de ce qui est dans le value de l'input
data_nom = $(this).data("liste-nom"); // On récupère le nom dans le data-* de l'input
var myArray = name.split('_'); // On explode l'attibut name de l'input
var myArray_length = (myArray.length)-1; // On compte le nombre de séparation(Explode)
var id = myArray[myArray_length]; // L'id
$(".test").html('<hr>'+$global.Ordre_Classement_test+' - taille: '+myArray_length+' - id: '+id);
if (cochee == true) { // Si le checkbox est choché
$(function(){
$("label[for='"+name+"']").fadeIn(2000).html('<img src="'+loader+'" title="Chargement..." alt="Chargement..."> Chargement...'); // On affiche un petit message de chargement pendant la requête Ajax qui va suivre
// On envoie la requête Ajax pour faire la mise à jour au script PHP:
$.ajax({
url: 'include/post.php',
type: 'GET',
timeout: 5000, // Après 5 seconde on arrête si c'est trop long
dataType: 'json',
data: {'id': id, 'checked': cochee},
success: function(json) {
$("label[for='"+name+"']").html(data_nom+': '+json.reponse); // On met à jour le label avec la réponse
// On recharge le label avec un fondu pour enlevé la réponse du serveur après 3 secondes:
setTimeout(
function() {
$("label[for='"+name+"']").fadeIn(2000).html(data_nom);
refresh_div_liste();
}
, 3000);
},
error: function(XMLHttpRequest,textStatus, errorThrown){
$("label[for='"+name+"']").html(data_nom+': Erreur '+errorThrown);
},
});
return false;
});
}
else { // Si le checkbox est pas choché
$(function(){
$("label[for='"+name+"']").fadeIn(2000).html('<img src="'+loader+'" title="Chargement..." alt="Chargement..."> Chargement...'); // On affiche un petit message de chargement pendant la requête Ajax qui va suivre
// On envoie la requête Ajax pour faire la mise à jour au script PHP:
$.ajax({
url: 'include/post.php',
type: 'GET',
timeout: 5000, // Après 5 seconde on arrête si c'est trop long
dataType: 'json',
data: {'id': id, 'checked': cochee},
success: function(json) {
$("#"+name).removeAttr("checked");
$("label[for='"+name+"']").html(data_nom+': '+json.reponse+'.'); // On met à jour le label avec la réponse
// On recharge le label avec un fondu pour enlevé la réponse du serveur après 3 secondes:
setTimeout(
function() {
$("label[for='"+name+"']").fadeIn(2000).html(data_nom);
refresh_div_liste();
}
, 3000);
},
error: function(XMLHttpRequest,textStatus, errorThrown){
$("label[for='"+name+"']").html(data_nom+': Erreur '+errorThrown);
},
});
return false;
});
}
});
// Code qui sauvegarde choix checkbox fin |
Recharger un div après modification
Répondre avec citation
Partager