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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
| // edit categories function
function editCategories(categoriesId = null) {
if(categoriesId) {
// remove the added categories id
$('#editCategoriesId').remove();
// reset the form text
$("#editCategoriesForm")[0].reset();
// reset the form text-error
$(".text-danger").remove();
// reset the form group errro
$('.form-group').removeClass('has-error').removeClass('has-success');
// edit categories messages
$("#edit-categories-messages").html("");
// modal spinner
$('.modal-loading').removeClass('div-hide');
// modal result
$('.edit-categories-result').addClass('div-hide');
//modal footer
$(".editCategoriesFooter").addClass('div-hide');
$.ajax({
url: 'php_action/chercherCategorieSelection.php',
type: 'post',
data: {categoriesId: categoriesId},
dataType: 'json',
success:function(response) {
// modal spinner
$('.modal-loading').addClass('div-hide');
// modal result
$('.edit-categories-result').removeClass('div-hide');
//modal footer
$(".editCategoriesFooter").removeClass('div-hide');
//Affichage de l'ID
$("#editCatId").val(response.categories_id);
// set the categories name
$("#editCategoriesName").val(response.categories_nom);
// set the categories statut
$("#editCategoriesStatus").val(response.categories_active);
// add the categories id
$(".editCategoriesFooter").after('<input type="hidden" name="editCategoriesId" id="editCategoriesId" value="'+response.categories_id+'" />');
// submit of edit categories form
$("#editCategoriesForm").unbind('submit').bind('submit', function() {
var categoriesName = $("#editCategoriesName").val();
var categoriesStatus = $("#editCategoriesStatus").val();
//var valeurCatégorie = $("#editCatId").val(response.categories_id);
//$("#editCatId").val(response.categories_id) = valeurCatégorieID;
//var valeurCatégorieID = <?=$categorieId?>;
// array validation
// var sousCategorieName = document.getElementsByName('sousCategorieName[]');
// var validateProduct;
// for (var x = 0; x < sousCategorieName.length; x++) {
// var sousCategorieNameId = sousCategorieName[x].id;
// if(sousCategorieName[x].value == ''){
// $("#"+sousCategorieNameId+"").after('<p class="text-danger"> Product Name Field is required!! </p>');
// $("#"+sousCategorieNameId+"").closest('.form-group').addClass('has-error');
// } else {
// $("#"+sousCategorieNameId+"").closest('.form-group').addClass('has-success');
// }
// } // for
//
// for (var x = 0; x < sousCategorieName.length; x++) {
// if(sousCategorieName[x].value){
// validateProduct = true;
// } else {
// validateProduct = false;
// }
// } // for
if(categoriesName == "") {
$("#editCategoriesName").after('<p class="text-danger">Un nom de catégorie est requis</p>');
$('#editCategoriesName').closest('.form-group').addClass('has-error');
} else {
// remov error text field
$("#editCategoriesName").find('.text-danger').remove();
// success out for form
$("#editCategoriesName").closest('.form-group').addClass('has-success');
}
if(categoriesStatus == "") {
$("#editCategoriesStatus").after('<p class="text-danger">Un statut est requis</p>');
$('#editCategoriesStatus').closest('.form-group').addClass('has-error');
} else {
// remov error text field
$("#editCategoriesStatus").find('.text-danger').remove();
// success out for form
$("#editCategoriesStatus").closest('.form-group').addClass('has-success');
}
if(categoriesName && categoriesStatus) {
var form = $(this);
// button loading
$("#editCategoriesBtn").button('loading');
$.ajax({
url : form.attr('action'),
type: form.attr('method'),
data: form.serialize(),
dataType: 'json',
success:function(response) {
// button loading
$("#editCategoriesBtn").button('reset');
if(response.success == true) {
// reload the manage member table
manageCategoriesTable.ajax.reload(null, false);
// remove the error text
$(".text-danger").remove();
// remove the form error
$('.form-group').removeClass('has-error').removeClass('has-success');
$('#edit-categories-messages').html('<div class="alert alert-success">'+
'<button type="button" class="close" data-dismiss="alert">×</button>'+
'<strong><i class="glyphicon glyphicon-ok-sign"></i></strong> '+ response.messages +
'</div>');
$(".alert-success").delay(500).show(10, function() {
$(this).delay(3000).hide(10, function() {
$(this).remove();
});
}); // /.alert
} // if
} // /success
}); // /ajax
} // if
return false;
}); // /submit of edit categories form
} // /success
}); // /fetch the selected categories data
} else {
alert('Oops!! Refresh the page');
}
} // /edit categories function |
Récupérer un ID de table avec AJAX vers PHP
Répondre avec citation
que je pourrais interpreter en language PHP afin de générer la requête qui pourra m'afficher les sous-categories. juste ça.
Partager