Le code javascript crée une info bulle à l'endroit ou on lui demande. Mon code consiste à ajouter des images sur un plan via des coordonnées comme lui donne.
Mon but est d'avoir sur chaque image créée une infobulle. Voilà mon souci.
Code : Tout sélectionner
<script language="javascript" type="text/javascript">
<!--
function montre(text) {
if(i==false) {
GetId("curseur").style.visibility="visible"; // Si il est cacher (la verif n'est qu'une securité) on le rend visible.
GetId("curseur").innerHTML = text; // on copie notre texte dans l'élément html
i=true;
}
}
function cache() {
if(i==true) {
GetId("curseur").style.visibility="hidden"; // Si la bulle est visible on la cache
i=false;
}
}
document.onmousemove=move; // dès que la souris bouge, on appelle la fonction move pour mettre à jour la position de la bulle.
//-->
</script>
<div id="curseur" class="infobulle"></div>
<p onmouseover="montre('Ici je met tout le texte que je veut, <b>meme de l\'html</b> !');" onmouseout="cache();">coucou</p>
<form method="post" action="recoipointcarte.php">
<div class="image_envoi">
<input type="image" name="Achat" src="Achat.png" class="image_envoi"/>
</div>
</form>
<?
$base=mysql_connect('localhost', 'root', '');
mysql_select_db ('Cartographie',$base);
$requeteimg = "SELECT * FROM ordinateur";
$resultat = mysql_query($requeteimg, $base);
while ($element = mysql_fetch_object($resultat)) {
echo '<img src="ordinateur.jpg" id="'.$element->Nom.'"
style="position: absolute; left: '.$element->Coordonnex.'px;
top:'.$element->Coordonney.'px;" width="2%"
onmouseover="montre('Ici je met tout le texte que je veux!');" onmouseout="cache();" >';
}
?>Code : Tout sélectionner
<p onmouseover="montre('Ici je met tout le texte que je veut, <b>meme de l\'html</b> !');" onmouseout="cache();">coucou</p>
echo '<img src="ordinateur.jpg" id="'.$element->Nom.'"
style="position: absolute; left: '.$element->Coordonnex.'px;
top:'.$element->Coordonney.'px;" width="2%" onmouseover="montre('Ici je met tout le texte que je veux!');" onmouseout="cache();" >';