pb onfocus onblur dans un <div>

**pit9.76** · 30/06/2006, 16h28

En fait je voudrais faire disparaitre un <div> lorsque je clique ailleurs que sur mon div. Je comptais utiliser "onblur" mais ça ne marche pas.

j'ai donc testé "onfocus" pour savoir si au moins j'arrivais à avoir le focus sur mon div mais ça n'a pas marché non plus... dois-je en conclure que "onfocus" et "onblur" ne peuvent s'employer avec un <div> ? si c'est le cas comment faire autrement ?

merci pour vos reponses....

**FremyCompany** · 30/06/2006, 16h49

En effet, onfocus et onblur ne marche que pour des trucs du genre input, textarea, ...

Solution assez simple, ma foi :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
var Mouse={"x":0,"y":0};
var SDiv=null;
 
if (document.getElementById)
{
   if(navigator.appName.substring(0,3) == "Net")
      document.captureEvents(Event.MOUSEMOVE);
   document.onmousemove = Pos_Souris;
}
 
function Pos_Souris(e)
{
   Mouse.x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
   Mouse.y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
   if (Mouse.x < 0) {Mouse.x=0;}
   if (Mouse.y < 0) {Mouse.y=0;}
}
 
document.onclick=function() {
   if (SDiv) {
      var in = true;
      in = in && (Mouse.x > SDiv.offsetLeft)
      in = in && (Mouse.x < SDiv.offsetLeft + SDiv.offsetWidth)
      in = in && (Mouse.y > SDiv.offsetTop)
      in = in && (Mouse.y < SDiv.offsetTop + SDiv.offsetHeight)
      SDiv.style.display=(in ? "" : "none")
   }
}

Pas testé mais je suis quasi sur que c'est ok !