Javascript A simple grayed out overlay
Overlay One of the most adopted feature of web2.0 is the use of a grayed out overlay panel. Overlay is useful to insert a new page inside the current page.. Almost all the javascript libraries available today comes with the overlay feature inbuilt. Below is the code snippet for overlay using plain js and html without any libraries. Code <HTML> <BODY> The javascript code to display and hide the overlay. <script type="text/javascript"> function disable1() { var blurDiv = document.createElement("div"); blurDiv.id = "blurDiv"; blurDiv.style.cssText = "position:absolute; top:0; right:0; width:" + screen.width + "px; height:" + screen.height + "px;background-color: #000000; opacity:0.5; filter:alpha(opacity=50)"; var aDiv = document.createElement("div"); aDiv.appendChild(document.createTextNode("Overlay panel")); aDiv.id = "aDiv"...