ansaurus

Question

Answer 1

+1 A:

if you use setTimeout() and clearTimeout() you can use the blurevent like you mentioned, but clear the timeout when anything inside the panel gains focus. That way, the only time the event would execute would be when it "really" lost focus.

tooleb 2009-04-08 21:12:42

can you give me a little bit of an example?

Miles 2009-04-20 14:23:16

Answer 2

A:

Your other alternative, is to handle onclick events on the body, but that could get slow fairly quickly. If you were to go that route, it would look something this like:

<html>
 <head>
  <title>Hide Test</title>
 </head>
 <body>
  <div id="first">
    <p>This is the first div.</p>
  </div>
  <div id="second">
    <p>This is the second div.</p>
  </div>
  <script type="text/javascript">
  var first = document.getElementById("first");
  var second = document.getElementById("second");
  var isChildOf = function (ele, parent) {
    if (ele.parentNode === null) {
     return false;
    } else if (ele.parentNode === parent) {
     return true;
    } else {
     return isChildOf(ele.parentNode, parent);
    }
  };
  document.body.onclick = function(e) {
    if (isChildOf(e.target, second)) {
     console.log("Hiding second.");
     second.style.display = 'none';
    } else {
     console.log("Showing second.");
     second.style.display = 'block';
    }
  };
  </script>
 </body>
</html>

foxxtrot 2009-04-08 21:23:01

ya, i really don't want to go this route because code is in an ASP.Net user control that will be used through-out the website and I can't make another user put all that in their code on every item of their page

Miles 2009-04-10 16:04:41

ansaurus

tags:

views:

answers:

Javascript On blur event

related questions