Question

This is a jscript to close the window when someone clicks anywhere outsite the Div to close.
my question is to make this window close when someone clicks on this by performing the action.

<div id="box"
style="height: 3em; position:absolute; top: 20%; left: 15%; border: 3px double">
<p>Click anywhere outside this box to close it.
</div>
<script>
document.onclick = function (e) {
e = e || event
var target = e.target || e.srcElement
var box = document.getElementById("box")
do {
      if (box == target) {
           // Click occured inside the box, do nothing.
           return
      }
      target = target.parentNode
 } while (target)
 // Click was outside the box, hide it.
 box.style.display = "none"
}
</script>

How to make a Div close when the click was occurred inside the DIV

Answer 1

In your HTML code itself,

<div id='box' style='height:10px; width:10px' onclick='CloseMe(this)'>...</div>

Implement the CloseMe function

function CloseMe( obj )
{

    obj.style.display = 'none';
}