Bonjour à tous...
Tout d'abord, merci à Siddh pour son tutorial, j'ai commencé AJAX récemment, grace à lui
je suis en train d'intégrer AJAX à des JS correspondant à des infobulles, qui doivent afficher une description d'un attribut lorsque qu'on fait un mouseover sur cet attribut.
Voilà quels sont les morceaux de codes :
- fichier principal : les évènements se font sur un td :
<td class="dataTableContent" onmouseover="infobulle1.montreToi('<?php echo $configuration['configuration_id'];?>');" onmouseout="infobulle1.cacheToi('<?php echo $configuration['configuration_id'];?>');">
- partie AJAX :
function montreToi(idLigne)
{
var contenu = this.retourServeur(idLigne);
this.enleveTexte();
this.ajouteTexte(contenu, "black", "Arial", false);
infoBulleATraiter = this.id;
// affichage de l'infobulle
....
}
function retourServeur(idLigne){
// Ajout d'Ajax pour faire des bulles dynamiques
getXhr();
// On définit ce qu'on va faire quand on aura la réponse
xhr.onreadystatechange = function(){
// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
if(xhr.readyState == 4 && xhr.status == 200){
leselect = xhr.responseText;
}
}
xhr.open("POST","aurias3.php",true);
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
xhr.send("id="+idLigne);
leselect = decodeURIComponent(leselect);
return leselect;
}
aurias3.php : va chercher en base la description...
--> Pb : je passe la souris sur un premier attribut, j'ai une erreur js : leselect n'est pas défini...
Sur un deuxième élément, une infobulle s'affiche avec la description qui aurait du s'afficher au passage sur le premier attribut
Que faire pour que tout rentre en ordre ??
Partager