info bulle charger une page php

Version imprimable

06/02/2007, 15h51
youcef81

info bulle charger une page php

Bonjour

j'ai une liste d'utilisateurs affichées , je veux que quand je clique sur un utilisateur j'affiche une info bulle contenant plus d'information sur cet utilisateur, sachant que ces information est un autre traitement php

donc comment charger une page php dans un info bulle en javascript ?

Merci
06/02/2007, 16h02
SpaceFrog

ajax ...
06/02/2007, 16h05
youcef81

vous pouvez m'aidez plus s'il vous plait ?
06/02/2007, 16h13
SpaceFrog

ben tu envoie ta requete en xmlhttprequest vers un fichier php qui te retournera la reponse que tu colle ensuite dasn le title de ta balise ..

j'avance un peu j'ai trouvé une fonction qui me charge mon fichier php

Code:

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
 
<script type="text/javascript">
 
function envoieRequete(url,id)
{
	var xhr_object = null;
	var position = id;
	   if(window.XMLHttpRequest)  xhr_object = new XMLHttpRequest();
	  else
	    if (window.ActiveXObject)  xhr_object = new ActiveXObject("Microsoft.XMLHTTP"); 
 
	// On ouvre la requete vers la page désirée
	xhr_object.open("GET", url, true);
	xhr_object.onreadystatechange = function(){
	if ( xhr_object.readyState == 4 )
	{
		// j'affiche dans la DIV spécifiées le contenu retourné par le fichier
		document.getElementById(position).innerHTML = xhr_object.responseText;
	}
	}
	// dans le cas du get
	xhr_object.send(null);
 
}
</script>

maintenant il me reste à gerer la postion de mon div qui suivera la souris .
l'info bulle sera sur l'evenement Onclick.

quelqu un a une idée pour ça ? je continue mes reherches.

06/02/2007, 17h19
SpaceFrog

la requete est lancée quand ? l'objet qui doit porter l'infobulle est il impliqué ?
si oui recupère sont offsetTop et offsetLeft
06/02/2007, 17h38
youcef81
la requete est lancé quand on clique sur l'objet.
Code:

1 2 <td id='Number' onClick=' Fonction(Number)'> Text </td>
Détail
Fonction :

Elle recupere Number elle l'envoi avec l'url pour specifier l'utilisateur qu on veut avoir ses informations.

Ensuite elle recupere ces information et les affiche dans un <div id='bulle'>

voila , j y suis avec.
06/02/2007, 17h41
SpaceFrog

passe aussi this en paramètre comme ça dasn la focntion tu peux récupérer la position du td ...