var loadingImage = "../IMAGES/MYNOTE/PROGRESS/LoadingProgressBar.gif"; function showDialog(vis){ //hidden scroll bar /*if(vis == "block"){ //document.body.scroll= "no"; document.body.style.overflow="hidden" }else{ //document.body.scroll= "yes"; document.body.style.overflow="" }*/ var objLoadingImage = new Image(); var arrayPageSize = getPageSize(); var arrayPageScroll = getPageScroll(); objLoadingImage.src = loadingImage; // Retrieve width and height of client browser. var cw = (arrayPageSize[0] + 'px'); var ch = (arrayPageSize[1] + 'px'); var ct = arrayPageScroll[1] + ((arrayPageSize[3] - 35 - objLoadingImage.height) / 2); var cl = ((arrayPageSize[0] - 20 - objLoadingImage.width) / 2); // Disable background var bg = document.getElementById("bgDisable"); bg.style.width = cw; bg.style.height = ch; bg.style.display = vis; //Show dialog at the center of screen. dialog.style.top = ct; dialog.style.left = cl; dialog.style.display = vis; } function getPageScroll(){ var yScroll; if (self.pageYOffset) { yScroll = self.pageYOffset; } else if (document.documentElement && document.documentElement.scrollTop){ // Explorer 6 Strict yScroll = document.documentElement.scrollTop; } else if (document.body) {// all other Explorers yScroll = document.body.scrollTop; } arrayPageScroll = new Array('',yScroll) return arrayPageScroll; } function getPageSize(){ var xScroll, yScroll; if (window.innerHeight && window.scrollMaxY) { xScroll = document.body.scrollWidth; yScroll = window.innerHeight + window.scrollMaxY; } else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac xScroll = document.body.scrollWidth; yScroll = document.body.scrollHeight; } else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari xScroll = document.body.offsetWidth; yScroll = document.body.offsetHeight; } var windowWidth, windowHeight; if (self.innerHeight) { // all except Explorer windowWidth = self.innerWidth; windowHeight = self.innerHeight; } else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode windowWidth = document.documentElement.clientWidth; windowHeight = document.documentElement.clientHeight; } else if (document.body) { // other Explorers windowWidth = document.body.clientWidth; windowHeight = document.body.clientHeight; } // for small pages with total height less then height of the viewport if(yScroll < windowHeight){ pageHeight = windowHeight; } else { pageHeight = yScroll; } // for small pages with total width less then width of the viewport if(xScroll < windowWidth){ pageWidth = windowWidth; } else { pageWidth = xScroll; } arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight) return arrayPageSize; } function initLoading(){ //<div id="bgDisable" style="display:none; position:absolute; top:0px; left:0px; filter:alpha(opacity:40);-moz-opacity:0.2;background-color:black"></div> var objBody = document.getElementsByTagName("body").item(0); // create overlay div and hardcode some functional styles (aesthetic styles are in CSS file) var objOverlay = document.createElement("div"); objOverlay.setAttribute('id','bgDisable'); objOverlay.className = 'displayProcess'; objBody.insertBefore(objOverlay, objBody.firstChild); // <!--div id="dialog" style="display:none; position:absolute; padding:0px; font:12px Arial;" align="center"> // <A HREF="javascript:;" onClick="showDialog('none')"><IMG SRC="../IMAGES/MYNOTE/PROGRESS/loading6.gif" BORDER="0" ALT=""></A> // </div--> var box = document.createElement("div"); box.setAttribute("id","dialog"); box.style.postion = 'absolute'; box.style.display = 'none'; box.style.padding = '1px'; var imgPreloader = new Image(); imgPreloader.onload = function(){ var objLoadingImageLink = document.createElement("a"); objLoadingImageLink.setAttribute('href','javascript:;'); objLoadingImageLink.onclick = function () {showDialog('none'); return false;} objOverlay.appendChild(objLoadingImageLink); var objLoadingImage = document.createElement("img"); objLoadingImage.src = loadingImage; objLoadingImage.setAttribute('id','dialog'); objLoadingImage.style.position = 'absolute'; objLoadingImage.style.zIndex = '150'; objLoadingImageLink.appendChild(objLoadingImage); imgPreloader.onload=function(){}; // clear onLoad, as IE will flip out w/animated gifs return false; } imgPreloader.src = loadingImage; //objBody.insertBefore(box, objOverlay.nextSibling);*/ /*var objBox = document.createElement("div"); objBox.id = "dialog"; objBox.style.position = "absolute"; objBox.style.display = "none"; objBox.style.padding = "1"; objBox.style.blackgroud = "white"; objBox.align = "center"; var linkImage = document.createElement("a"); linkImage.src = "javascript:;"; linkImage.onclick = function(){showDialog('none'); return false;}; var imgPreLoader = document.createElement("img"); imgPreLoader.src = loadingImage; imgPreLoader.id = "loadimage"; imgPreLoader.style.position = "absolute"; linkImage.appendChild(imgPreLoader); objBox.appendChild(linkImage); objBody.insertBefore(objBox, objOverlay.nextSibling);*/ }