| <script language ="javascript" type ="text/javascript" > |
| function onRequestStart(sender, arguments) |
| { |
| alert( 'AJAX request has just started.'); |
| grayOut(true, "") |
| } |
| function onResponseEnd(sender, arguments) |
| { |
| alert( 'Callback request is completed. Response is processed.'); |
| grayOut(false, "") |
| } |
| |
| function grayOut(vis, options) |
| { |
| var optionsoptionsoptions = options || {}; |
| var zindex = options.zindex || 50; |
| var opacity = options.opacity || 70; |
| var opaque = (opacity / 100); |
| //Setting the color |
| var bgcolor = options.bgcolor || '#000000'; |
| var dark=document.getElementById('darkenScreenObject'); |
| if (!dark) |
| { |
| // The dark layer doesn't exist, it's never been created. So we'll |
| // create it here and apply some basic styles. |
| var tbody = document.getElementsByTagName("body")[0]; |
| var tnode = document.createElement('div'); |
| tnode.style.position='absolute'; |
| tnode.style.top='0px'; |
| tnode.style.left='0px'; |
| tnode.style.overflow='hidden'; |
| tnode.style.display='none'; |
| tnode.id='darkenScreenObject'; |
| tbody.appendChild(tnode); |
| dark=document.getElementById('darkenScreenObject'); |
| } |
| |
| if (vis) |
| { |
| var pageWidth='100%'; |
| var pageHeight='100%'; |
| dark.style.opacity=opaque; |
| dark.style.MozOpacity=opaque; |
| dark.style.filter='alpha(opacity='+opacity+')'; |
| dark.style.zIndex=zindex; |
| dark.style.backgroundColor=bgcolor; |
| dark.style.width= pageWidth; |
| dark.style.height= pageHeight; |
| dark.style.display='block'; |
| } |
| else |
| { |
| dark.style.display='none'; |
| } |
| } |
| </script> |