Mercurial > hg > STI-GWT
diff war/scripts/blockUI/FullscreenWindow.js @ 3:cf06b77a8bbd
Committed branch of the e4D repos sti-gwt branch 16384.
git-svn-id: http://dev.dariah.eu/svn/repos/eu.dariah.de/ap1/sti-gwt-dariah-geobrowser@36 f2b5be40-def6-11e0-8a09-b3c1cc336c6b
author | StefanFunk <StefanFunk@f2b5be40-def6-11e0-8a09-b3c1cc336c6b> |
---|---|
date | Tue, 17 Jul 2012 13:34:40 +0000 |
parents | |
children |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/war/scripts/blockUI/FullscreenWindow.js Tue Jul 17 13:34:40 2012 +0000 @@ -0,0 +1,60 @@ +var fullscreen = new function(){ + + var loader = new Image(); + loader.src = 'images/ajax-loader.gif'; + + this.fullscreens = []; + this.zIndex = 5; + this.margin = 20; + + this.loaderContent = function(){ + var content = $("<div/>"); + content.css('position','absolute'); + content.append("<p id='statusText' style='text-align: center;color:white;'></p>"); + content.append("<img src='images/ajax-loader.gif'/>"); + return content; + } + + + this.addFullscreen = function(content){ + var blockDiv = $("<div/>").appendTo('body'); + blockDiv.addClass("blockDiv"); + blockDiv.css('width',$(document).width()+'px'); + blockDiv.css('height',$(document).height()+'px'); + blockDiv.css('z-index',++this.zIndex); + var overlay = $("<div/>").appendTo(blockDiv); + overlay.addClass("blockDivOverlay"); + overlay.css('width',$(document).width()+'px'); + overlay.css('height',$(document).height()+'px'); + $(content).appendTo(blockDiv); + this.fullscreens.push({ + content: content, + overlay: overlay, + blockDiv: blockDiv + }); + this.centerDiv(content); + } + + this.centerDiv = function(div){ + var left = Math.floor($(document).width()/2-div.width()/2); + var top = Math.floor($(document).height()/2-div.height()/2); + div.css('top', top+'px'); + div.css('left', left+'px'); + } + + this.removeFullscreen = function(){ + $(this.fullscreens[this.fullscreens.length-1].blockDiv).remove(); + this.fullscreens.pop(); + } + + this.resize = function(){ + for( var i in this.fullscreens ){ + this.fullscreens[i].blockDiv.css('width',$(document).width()+'px'); + this.fullscreens[i].blockDiv.css('height',$(document).height()+'px'); + this.fullscreens[i].overlay.css('width',$(document).width()+'px'); + this.fullscreens[i].overlay.css('height',$(document).height()+'px'); + this.centerDiv(this.fullscreens[i].content); + } + } + +}