I am facing an issue with the onblur() event. The requirement is when i click a small icon in my html page a small rectangular overlay containing some text message should appear and it should disappear when I click any where else on the page.
I have implemented the situation using java script. To bring the overaly using java script, the display property of a div is made visible and to make the same overlay hidden i have used the onblur() event.
<div id="linker3" class="linker" onBlur="showBlur('linker3')" > </div>
The id linker3 is the name of the popup layer as i use 5 similar pop ups.
class linker defines the properties of the pop up.
Expand|Select|Wrap|Line Numbers
- .linker{
- background: url(Images/box.gif) no-repeat;
- width: 128px;
- height: 46px;
- margin: 30px 0 0 0;
- position: absolute;
- z-index: 80;
- display: none;
- }
var box=document.getElementById(id);
box.style.display='none';
}
This is working fine for IE6 but not for mozilla. Could you please help