onclick desactiver la fonction onemouseover

Bonjour a tous,
je n'ai trouvé rien de precis concernant le script que je souhaite réaliser: ni sur ce site, ni sur google.
Je cherche a desactiver la function onemousout quand la function onclick est activer ce qui permettra de bloquer l'affichage d'une Div
pour etre clair
onmouseover = affiche div
onemouseout = supprime l'affichage div
onclick = bloque la div affichée
la div contiendra un bouton "fermer"
Tout est ok excepté la function click = stop onemouseout

code JS
function montre( baliseId){
  var Obj = document.getElementById(baliseId);
  Obj.style.display = 'block';
  Obj.style.left = Mouse_X +5 +"px";
  Obj.style.top = Mouse_X +5 +"px";
 
}
//-----------------------
function cache( baliseId){
  var Obj = document.getElementById(baliseId);
  Obj.style.display = 'none';
}

merci d'avance pour vos conseils

c'est presque ca
un avis?
merci

 
<script type="text/javascript">
var i=false;
var Mouse_X;
var Mouse_Y;
//---------------
function move( e){
  if( e) {
    Mouse_X = e.pageX;
    Mouse_Y = e.pageY;
  }
  else {
    if (document.documentElement.clientWidth > 0) {
      Mouse_X = event.x + document.documentElement.scrollLeft;
      Mouse_Y = event.y + document.documentElement.scrollTop;
    }
    else {
      Mouse_X = event.x + document.body.scrollLeft;
      Mouse_Y = event.y + document.body.scrollTop;
    }
  }
}
//------------------------
function montre( baliseId){
  var Obj = document.getElementById(baliseId);
  Obj.style.display = 'block';
  Obj.style.left = Mouse_X +5 +"px";
  Obj.style.top = Mouse_X +5 +"px";
 
}
//------------------------
var globale = false;

function stop(){
    var globale = true;
}
//-----------------------
function cache( baliseId){
    if (stop) {
    globale = true;    return;
    }
    else
    {                
  var Obj = document.getElementById(baliseId);
  Obj.style.display = 'none';
}

//----------------------

document.onmousemove = move;  
 
</script

n'y a t-il donc personne que ca interesse?

bonjour

quand on clic donne une id differente a l'element puis rend lui son id quand tu ferme la div il faudra aussi que tu gère les erreurs

Merci Kazma
j'ai essayé ca mais y a un bug
je ne trouve pas la raison
as tu une idée
 merci

<script type="text/javascript">
var emptyFunction = function()
    {return;};
//-----------------------   
function montre(e){
     var id = e.id.replace('toggle_', '');
     var obj = document.getElementById(id);
     obj.style.display = 'block';
     }
//------------------------
function cache(e){
    var id = e.id.replace('toggle_', '');
    var obj = document.getElementById(id);
    obj.style.display = 'none';
    }
//------------------------
function clicK(e){
e.onmouseout= emptyFunction;
    }
</script>

document.getElementById('monelement').id='nouvelleid'

merci a tous  pour vos infos et pour avoir pris de votre temps pour m'aider dans ma découverte du JS.

j'ai bien compris la puissance du JS et la logique du langage.

J'ai bien compris également que l'objectif de ce forum est d'aider celui qui désire s'informer et découvrir ce magnifique langage. Une école en quelques manières. C'est certainement pour cette raison que certains d'entre vous donnent des infos au compte goutte mais sans répondre précisemment a la demande de utilisateur.



Je n'ai pas trouvé sur ce forum l'aide nécessaire  pour réaliser mon projet (rapidement). Je n'ai pas assez de temps disponible et je dois donc laisser tomber.  Je reviendrai certainement un jour quand j'aurai du temps.

Bravo pour votre démarche et encore merci a tous.
Bons scripts.

essai ca

var coul='red'
var txt=''
function trap(ide,txt,coul){
if(document.getElementById('dynamique')!=null){
dyna=document.getElementById('dynamique')
if(ide){
dyna.style.top=ide.offsetTop-15+'px'
dyna.style.left=ide.offsetLeft+ide.offsetHeight+15+'px'
}
dyna.firstChild.nodeValue=txt;
dyna.style.color=coul
if(dyna.style.visibility=='visible'){
dyna.style.visibility='hidden'
}
else{
dyna.style.visibility='visible'
}
}
}
function dina(){
if(document.getElementById('statique')){
document.getElementById('statique').id='dynamique'
document.getElementById('dynamique').style.visibility='hidden'
}
}
function stati(){
if(document.getElementById('dynamique')){
document.getElementById('dynamique').id='statique'
}
}
</script>
</head>
<body>
<span id='dynamique' style='height:50px;width:70px;visibility:hidden;position:absolute;top:0;left:0;background-color:yellow' onclick='dina()'>ll
</span>

le html

<font COLOR="#000099">
<div style="height:100px;width:100px;background-color:black" onmouseover=trap(this,'bidip.','brown') onmouseout=trap() onclick='stati()'></div>
<br>
<div style="height:100px;width:100px;background-color:green" onmouseover=trap(this,'boudip.','red') onmouseout=trap() onclick='stati()'></div>
<br>
<div style="height:100px;width:100px;background-color:silver" onmouseover=trap(this,'bidip.','brown') onmouseout=trap() onclick='stati()'></div>
<br>
<div style="height:100px;width:100px;background-color:brown" onmouseover=trap(this,'boudip.','red') onmouseout=trap() onclick='stati()'></div>
<br>
<button onmouseover=trap('bipbip','gray') onmouseout=trap() >info</button>
</font>
</body></html>

Merci kazma,
copié/coller ca marche
mais je crois que les balises area ne permettent pas l'utilisation de <span>
je vais essayé tout ca et je te dirai ce qu'il en est.
Merci encore