Discussion :

[youcef81]

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

[SpaceFrog]

ajax ...

[youcef81]

vous pouvez m'aidez plus s'il vous plait ?

[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 ..

[youcef81]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[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

[youcef81]

la requete est lancé quand on clique sur l'objet.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[SpaceFrog]

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