Discussion :

[idamarco]

Bonsoir à tous,

J'ai dégoté un javascript infobulle sympa.
Je cherche à positionner la bulle au dessus et non au dessous de la souris comme c'est le cas actuellement.
Voilà ce que je crois être le code de positionnement.
Au pire, je peux vous copier tout le code.

if(i){
if(navigator.appName!="Microsoft Internet Explorer"){
ElementId("bulle").style.left = 5+e.pageX+"px";
ElementId("bulle").style.top = 5+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";
}
}
}

Merci pour votre aide.

[SpaceFrog]

je pense que tu dois avoir une petite lib derrière ...

Code :

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

ElementId("bulle")

ben au lieu de faire 5+ suffit de faire -5 .. non ?

[idamarco]

Merci pour la réponse.
J'ai en effet pu modifier la position de l'image, j'avais fait des tests dans ce sens mais j'ai du cafouiller quelque part.
Pour "Lib", je n'ai pas compris à quoi tu fais allusion.

Sinon, je reste avec un problème.
J'ai des vignettes sur ma page, quand je passe la souris dessus, l infobulle les affiche en grand.
Si je positionne une image à droite et que je passe la souris dessus, mon info bulle (qui contient des images) sort de la fenêtre...

2 solutions:
1) gérer la position gauche droite et effectuer une bascule si besoin.
2) définir une position fixe dans la fenêtre sur laquelle.

Les deux solutions m'interessent car je ne sais pas encore comment va évoluer le développement de la page.

Voici le code en entier donc...

/*----------------------------*/
/* Script Infobulle
/* www.webelix.net
/*----------------------------*/

// 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 = -200+e.pageY+"px";
}else{
ElementId("bulle").style.left = 5+event.x+document.documentElement.scrollLeft+"px";
ElementId("bulle").style.top = -200+event.y+document.documentElement.scrollTop+"px";
}
}
}

function open_bulle(content)
{
if(i==false){
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;
}
}

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

Merci pour l'aide précieuse!
Temps de réactivité impressionnant sur ce forum!