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
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
|
// Creation de l'objet XMLHttpRequest
function getXhr()
{
var xhr = null;
if(window.XMLHttpRequest) // Firefox et autres
xhr = new XMLHttpRequest();
else if(window.ActiveXObject) // Internet Explorer
{
try
{
xhr = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
}
else // XMLHttpRequest non supporté par le navigateur
{
alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
xhr = false;
}
return xhr;
}
/* Gestion de la liste déroulante des mules */
function gomule(cpte)
{
/* Cache les Div Mule, Type, Categorie et objet
si option sélectionnée dans la liste déroulante des comptes */
$idobjet('div_mule').innerHTML = '';
$idobjet('div_type').innerHTML = '';
$idobjet('div_cate').innerHTML = '';
$idobjet('div_obj').innerHTML = '';
var xhrmule = getXhr();
// On défini ce qu'on va faire quand on aura la réponse
xhrmule.onreadystatechange = function()
{
// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
if(xhrmule.readyState == 4 && xhrmule.status == 200)
{
leselect = xhrmule.responseText;
// Ajoute les options a la liste via lid du div
$idobjet('div_mule').innerHTML = leselect;
}
}
// Ici on va voir comment faire du post
xhrmule.open("POST","ajaxmules.php",true);
// ne pas oublier ça pour le post
xhrmule.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
// Poste les arguments ici le compte via l'id du select
var selcpte = $idobjet('lst_cpte');
var cptesel = selcpte.options[selcpte.selectedIndex].value;
var data = "dcpte="+cptesel;
xhrmule.send(data);
}
/* Gestion de la liste déroulante des types */
function gotype(typ)
{
/* Cache les Div Type, Categorie et objet
si option sélectionnée dans la liste déroulante des mules */
$idobjet('div_type').innerHTML = '';
$idobjet('div_cate').innerHTML = '';
$idobjet('div_obj').innerHTML = '';
var xhrtype = getXhr();
// On défini ce qu'on va faire quand on aura la réponse
xhrtype.onreadystatechange = function()
{
// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
if(xhrtype.readyState == 4 && xhrtype.status == 200)
{
leselecttype = xhrtype.responseText;
// Ajouter les options a la liste via l'id du div
$idobjet('div_type').innerHTML = leselecttype;
}
}
// Ici on va voir comment faire du post
xhrtype.open("POST","ajaxtypes.php",true);
// ne pas oublier ça pour le post
xhrtype.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
// Poste les arguments le compte puis la mule via l'id du select
var selcpte = $idobjet('lst_cpte');
var cptesel = selcpte.options[selcpte.selectedIndex].value;
var selmule = $idobjet('lst_mule');
var mulesel = selmule.options[selmule.selectedIndex].value;
var datatype = "dcpte="+cptesel+"&dmule="+mulesel;
xhrtype.send(datatype);
}
/* Gestion de la liste déroulante des categories */
function gocategorie(cate)
{
/* Cache les Div Categorie et objet
si option sélectionnée dans la liste déroulante des types */
$idobjet('div_cate').innerHTML = '';
$idobjet('div_obj').innerHTML = '';
var xhrcate = getXhr();
// On défini ce qu'on va faire quand on aura la réponse
xhrcate.onreadystatechange = function()
{
// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
if(xhrcate.readyState == 4 && xhrcate.status == 200)
{
leselectcate = xhrcate.responseText;
// Ajouter les options a la liste via l'id du div
$idobjet('div_cate').innerHTML = leselectcate;
}
}
// Ici on va voir comment faire du post
xhrcate.open("POST","ajaxcategorie.php",true);
// ne pas oublier ça pour le post
xhrcate.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
// Poste les arguments le compte puis la mule via l'id du select
var selcpte = $idobjet('lst_cpte');
var cptesel = selcpte.options[selcpte.selectedIndex].value;
var selmule = $idobjet('lst_mule');
var mulesel = selmule.options[selmule.selectedIndex].value;
var seltype = $idobjet('lst_type');
var typesel = seltype.options[seltype.selectedIndex].value;
var datacate = "ddcpte="+cptesel+"&ddmule="+mulesel+"&ddtype="+typesel;
xhrcate.send(datacate);
}
/* Gestion de la liste déroulante des categories */
function goobjet(obj)
{
/* Cache le Div objet
si option sélectionnée dans la liste déroulante des categories */
$idobjet('div_obj').innerHTML = '';
var xhrobjet = getXhr();
// On défini ce qu'on va faire quand on aura la réponse
xhrobjet.onreadystatechange = function()
{
// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
if(xhrobjet.readyState == 4 && xhrobjet.status == 200)
{
leselectobj = xhrobjet.responseText;
// Ajouter les options a la liste via l'id du div
$idobjet('div_obj').innerHTML = leselectobj;
}
}
// Ici on va voir comment faire du post
xhrobjet.open("POST","ajaxobj.php",true);
// ne pas oublier ça pour le post
xhrobjet.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
// Poste les arguments le compte puis la mule via l'id du select
var selcpte = $idobjet('lst_cpte');
var cptesel = selcpte.options[selcpte.selectedIndex].value;
var selmule = $idobjet('lst_mule');
var mulesel = selmule.options[selmule.selectedIndex].value;
var seltype = $idobjet('lst_type');
var typesel = seltype.options[seltype.selectedIndex].value;
var selcat = $idobjet('lst_cate');
var catesel = selcat.options[selcat.selectedIndex].value;
var dataobjet = "ddcpte="+cptesel+"&ddmule="+mulesel+"&ddtype="+typesel+"&ddcate="+catesel;
xhrobjet.send(dataobjet);
}
/* Par faignantise de frapper du code merci à d-Rek */
function $idobjet(id)
{
return document.getElementById(id);
} |
[AJAX] Listes liées avec Ajax
Répondre avec citation
Partager