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
| /****************************************
*Fontion AJAX, recharge *
*les inforamtions de la personne sur une*
*partie de la page *
*****************************************/
function EnvoiRequete(k,nbresult) // du fichier helloXMLHttp.js
{
//Ici on définit les création d"objets selon le navigateur utilisé
var req_AJAX = null;// Objet XMLHttpRequest qui sera crée
if (window.XMLHttpRequest)
{ // Mozilla, Safari
req_AJAX= new XMLHttpRequest(); //création d"un objet de type XMLHttpRequest portant le nom de req_ajax
}
else if (typeof ActiveXObject != "undefined")
{
req_AJAX= new ActiveXObject("Microsoft.XMLHTTP");
// note: on peut raffiner pour utiliser // d"autres versions d"IE
}
if (req_AJAX) // si l"objet XMLHttpRequest est crée
{
req_AJAX.onreadystatechange = function() //On fait appel à une fonction
{
TraiteReponse(req_AJAX,k,nbresult); // Si la requête est passé, on fait appel à la fonction traiteréponse avec comme paramètre la requête (req_AJAX)
};
// on spécifie l"action que l"on demande au serveur
req_AJAX.open( "GET", "fiche.php", true); //fonction open avec trois paramètres; GET pour obtenir les informations,
//url de la page à lancer et true pour autoriser que l"appel de cette fonction soit asynchrone.
var data= "valeur de k : "+k+" "+nbresult;
req_AJAX.send(data); // on envoie la requête
}
else
{ alert("EnvoiRequete: pas de XMLHTTP !"); }
} // fin fonction envoiRequete()
var j=null;
/************************************************************************/
function TraiteReponse(requete,k,nbresult) // appelée à chaque changement d"état
{ // les cinq états d"une requëte AJAX
var READY_STATE_UNINITIALIZED=0;
var READY_STATE_LOADING=1;
var READY_STATE_LOADED=2;
var READY_STATE_INTERACTIVE=3;
var READY_STATE_COMPLETE=4;
var data="";
var ready = requete.readyState; // récupére l"état de la requete
if(ready==READY_STATE_LOADING)
{
var fiche=document.getElementById('fiche')
fiche.style.visibility = 'visible';
fiche.style.display = 'block';
fiche.style.color = 'black';
fiche.innerHTML=" En cours de chargement " //indique quand l'image est en train de charger.
}
else if (ready==READY_STATE_COMPLETE) // si c"est fini
{
var fiche = document.getElementById('fiche') // on "pointe" avec DOM dans notre page initiale
var sl = '<BR>'
var img = document.getElementById('img' + k)
var imgj = document.getElementById('img' + j)
nom=document.getElementById('nomtab' + k).innerHTML
prenom=document.getElementById('prenomtab' + k).innerHTML
numcourt=document.getElementById('numctab' + k).innerHTML
numlong=document.getElementById('numltab' + k).innerHTML
lieu=document.getElementById('lieutab' + k).innerHTML
societe=document.getElementById('otab' + k).innerHTML
dpat=document.getElementById('dntab' + k).innerHTML
service=document.getElementById('outab' + k).innerHTML
mail=document.getElementById('mailtab' + k).innerHTML
fax=document.getElementById('faxtab' + k).innerHTML
mobile=document.getElementById('mobtab' + k).innerHTML
if (requete.status==200) // code = 200 réponse HTTP OK
{// insere resultat dans document
img.innerHTML = '<img src="rondvert.jpg" id="imgtab'+k+'" alt="Plus d\'information" height="15" width="15" onclick="EnvoiSuppInfo('+k+','+nbresult+')" />';
if((j!=k)&&(j!=null))
{
imgj.innerHTML = '<img src="plust.jpg" id="imgtab'+j+'" alt="Plus d\'information" height="15" width="15" onclick="EnvoiRequete('+j+','+nbresult+')" />';
}
else{}
data = requete.responseText; // on récupére le "travail" du serveur
fiche.style.visibility = 'visible';
fiche.style.display = 'block';
fiche.style.color = 'black';
if(k==0)
{
fiche.style.marginTop = '20px';
}
else
{
fiche.style.marginTop = k*20+'px';
}
fiche.style.marginTop =
fiche.innerHTML = data+'Nom: '+nom+sl+'Prénom: '+prenom+sl+"Numéro interne: "+numcourt+sl+"\n\rLigne directe: "+numlong+sl+"\n\rLieu: "+lieu+sl+"\n\rSociété: "+societe+sl+"\n\rDépartement: "+dpat+sl+"\n\rService: "+service+sl+"\n\r@mail: "+mail+sl+"\n\rFax: "+fax+sl+"\n\rMobile: "+mobile //on affiche dans la division "fiche" le message de la page fiche.php
j=k;
}
else {alert("erreur de codage");}
}
}// fin function TraiteReponse(requete)
/****************************************
*Fontion AJAX, permettant de fermer *
*la page d'information *
*****************************************/
function EnvoiSuppInfo(k,nbresult) // du fichier helloXMLHttp.js
{
//Ici on définit les création d"objets selon le navigateur utilisé
var req_AJAX = null;// Objet XMLHttpRequest qui sera crée
if (window.XMLHttpRequest)
{ // Mozilla, Safari
req_AJAX= new XMLHttpRequest(); //création d"un objet de type XMLHttpRequest portant le nom de req_ajax
}
else if (typeof ActiveXObject != "undefined")
{
req_AJAX= new ActiveXObject("Microsoft.XMLHTTP");
// note: on peut raffiner pour utiliser // d"autres versions d"IE
}
if (req_AJAX) // si l"objet XMLHttpRequest est crée
{
req_AJAX.onreadystatechange = function() //On fait appel à une fonction
{
TraiteSuppInfo(req_AJAX,k,nbresult); // Si la requête est passé, on fait appel à la fonction traiteréponse avec comme paramètre la requête (req_AJAX)
};
// on spécifie l"action que l"on demande au serveur
req_AJAX.open( "GET", "fiche.php", true); //fonction open avec trois paramètres; GET pour obtenir les informations,
//url de la page à lancer et true pour autoriser que l"appel de cette fonction soit asynchrone.
var data= "valeur de k : "+k;
req_AJAX.send(data); // on envoie la requête
}
else
{ alert("EnvoiRequete: pas de XMLHTTP !"); }
} // fin fonction envoiRequete()
/************************************************************************/
function TraiteSuppInfo(requete,k,nbresult) // appelée à chaque changement d"état
{ // les cinq états d"une requëte AJAX
var READY_STATE_UNINITIALIZED=0;
var READY_STATE_LOADING=1;
var READY_STATE_LOADED=2;
var READY_STATE_INTERACTIVE=3;
var READY_STATE_COMPLETE=4;
var data="";
var ready = requete.readyState; // récupére l"état de la requete
if(ready==READY_STATE_LOADING)
{
var fiche=document.getElementById('fiche')
fiche.style.visibility = 'hidden';
fiche.style.display = 'none';
fiche.style.color = 'black';
fiche.innerHTML="" //indique quand l'image est en train de charger.
}
else if (ready==READY_STATE_COMPLETE) // si c"est fini
{
var fiche = document.getElementById('fiche') // on "pointe" avec DOM dans notre page initiale
var img = document.getElementById('img' + k)
if (requete.status==200) // code = 200 réponse HTTP OK
{// insere resultat dans document
{
img.innerHTML = '<img src="plust.jpg" id="imgtab'+k+'" alt="Plus d\'information" height="15" width="15" onclick="EnvoiRequete('+k+')" />';
/*img.src = 'plust.jpg';
img.onClick =EnvoiRequete(k);*/
data = requete.responseText; // on récupére le "travail" du serveur
fiche.style.visibility = 'hidden';
fiche.style.display = 'none';
fiche.style.color = 'black';
fiche.innerHTML = "";
}
}
else {alert("erreur de codage");}
}
}// fin function TraiteReponse(requete) |
[AJAX] récupération de données en AJAX
Répondre avec citation
Partager