Forum « Infos-bulles »

Forum « Programmation Javascript » (archives)

Infos-bulles

Envoyé: 21 avril 2005, 9h30 par martinC

Bonjour,

J'ai donc un petit probleme d'infos-bulles. C'est à dire que quand je passe sur un element l'info-bulle en question se decalle bien avec la souris vers la gauche quand le decalle vers la gauche mais disparait (IE) ou clignote (Mozilla) lorsque je decalle vers la droite. C'est un probleme assez peu comprehensible voici le code :

HTML :
<div class="verdana_gris_13" style="color: black;" onmouseover="return showDefinition('message', event)" onmouseout="return hideDefinition();">

JS :

function changeCoord(e){
var div = document.getElementById("definition");

var x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x + document.body.scrollLeft;
var y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y + document.body.scrollTop;

div.style.left = x;
div.style.top = y;
}

function showDefinition(definition, e){
var div = document.getElementById("definition");
div.style.visibility = "visible";

var x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x + document.body.scrollLeft;
var y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y + document.body.scrollTop;

div.style.left = x;
div.style.top = y;

if(navigator.appName.substring(0,3) == "Net"){
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = changeCoord;
}else{
document.onmousemove = changeCoord;
}
}

function hideDefinition(){
var div = document.getElementById("definition");
body.removeChild(div);
}

L'application etant en interne je ne peux malheureusement pas vous permettre d'acceder au site.

Merci tout de meme d'avance.