Bonjour,

voila j'ai fait un calendrier (toujours pas fini car j'ai toujours ce fichu probleme de date de reservation... voir ici ce probleme)

donc la mon soucis c'est que j'utilise le JS que je decouvre pour afficher une infobulle qui recupere des donnees d'une requete faite dans une page PHP...

sous firefox ca fonctionne, sous chrome ca fonctionne mais sous IE non j'ai une erreur c00ce56e et je sais pas comment la resoudre pour que cela fonctionne correctement

voila le JS:

// on charge la feuille de style de la bulle.
document.write('<style type="text/css">@import url(infobulle.css);</style>');
// on formate la bulle.
document.write('<div id="bulle" class="infos_bulle"></div>');
// on met à jour la position de la bulle.
document.onmousemove = move_bulle;

var i=false; // La variable i nous dit si la bulle est visible ou non

function ElementId(id)
{
  return document.getElementById(id);
}

function move_bulle(e) // Fonction de suivi de la souris 
{
  if(i){
    if(navigator.appName!="Microsoft Internet Explorer"){
      ElementId("bulle").style.left = 5+e.pageX+"px";
      ElementId("bulle").style.top = 15+e.pageY+"px";
    }else{
      ElementId("bulle").style.left = 5+event.x+document.documentElement.scrollLeft+"px";
      ElementId("bulle").style.top = 15+event.y+document.documentElement.scrollTop+"px";
    }
  }
}

function open_bulle(date_depart)
{

  if(i==false){

        var xhr_object = null;
		var content = '';

		if(window.XMLHttpRequest) // Firefox
		xhr_object = new XMLHttpRequest();
		else if(window.ActiveXObject) // Internet Explorer
		xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
		else { // XMLHttpRequest non support¿ par le navigateur
		alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
		return;
		}
		
        xhr_object.open("POST", "./show_resa.php", true);
        xhr_object.onreadystatechange = function() {
                if(xhr_object.readyState == 4 && xhr_object.status == 200)
				{
                        if(xhr_object.responseText != '')
                        {
                                content = xhr_object.responseText;
                        }
                        else
                        {
                                content = 'ERROR !';
                        }
    	ElementId("bulle").style.visibility = "visible"; // Si la bulle est cacher on la rend visible.
		ElementId("bulle").innerHTML = content; // on copie le contenu dans la bulle
		move_bulle(ElementId("bulle")); // positionnement initial (correctif X.Dusart)
		i=true;
                }
        }

        xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        // --- ICI TU PASSE TES ARGUMENTS AU SCRIPT :
        var data = "date_depart="+date_depart;
        xhr_object.send(data);


  }
}

function close_bulle()
{
  if(i==true){
    ElementId("bulle").style.visibility = "hidden"; // Si la bulle est visible on la cache
    i=false;
  }
}

le CSS en question:

.link_bulle {
cursor: default;
color: gray;
border-bottom: 1px dotted gray;
}

.infos_bulle {
z-index: 500;
position: absolute;
top: -999px;
visibility: hidden;
font: normal 10px Verdana, Arial;
color: black;
padding: 8px;
border: 1px solid #ccc;
background-color: #D3FB64;
opacity: 0.9;
-moz-opacity: 0.9;
filter: alpha(opacity=90); 
}

et le PHP qui contient la requete passee en POST:

<?php include'../includes/MEP.php'; 
if((isset($_POST['date_depart'])))
{
		$date_dep = $_POST['date_depart'];
		mysql_select_db("resa")or die("erreur de connexion à la base");
		$requete = mysql_query ("SELECT * FROM reservation WHERE date_depart= '".$date_dep."' ORDER BY date_depart ASC");

		echo "R&eacute;sultat de la recherche pour la date du : ".$date_dep."<br><br>";
		
		if (mysql_num_rows($requete) > 0)
		{
			while ($result = mysql_fetch_object($requete))
			{
				echo "<i>".$result->nom."</i> a emprunt&eacute; <b>".$result->quantite." ".$result->materiel."(s)</b> le <b>".$result->date_depart."</b> a ".$result->heure_depart." et pr&eacute;voit de le rendre le <b>".$result->date_retour."</b> &agrave; ".$result->heure_retour."<br>";
			}
			echo "<br>cliquer sur la date pour r&eacute;stituer le mat&eacute;riel";
		}
		else {
			echo "aucune r&eacute;servation &agrave; cette date";
		}
}
?>

merci pour vos futures reponses et pour votre aide

Mystic666

else{
      ElementId("bulle").style.left = 5+event.clientX+document.documentElement.scrollLeft+"px";
      ElementId("bulle").style.top = 15+event.clientY+document.documentElement.scrollTop+"px";
    }

Je crois que c'est event.clientX, event.clientY et non event.x et event.y ...
Test et dis moi si ça marche