// -------------------------------------------------------------------
// DHTML Window Widget- By Dynamic Drive, available at: http://www.dynamicdrive.com
// v1.0: Script created Feb 15th, 07'
// v1.01: Feb 21th, 07' (see changelog.txt)
// v1.02: March 26th, 07' (see changelog.txt)
// v1.03: May 5th, 07' (see changelog.txt)
// v1.1: Oct 29th, 07' (see changelog.txt)
// -------------------------------------------------------------------
// Modified by Stefano Bellini on 09/2011
// example call:
// htmlBoxFloat=dhtmlwindow.open('htmlBoxFloat', 'inline', 'main text', 'title text', 'parameters');
// htmlBoxFloat=dhtmlwindow.open('htmlBoxFloat', 'iframe', 'http://www.google.it', 'title text', 'parameters');
// htmlBoxFloat=dhtmlwindow.open('htmlBoxFloat', 'div', 'divId', 'title text', 'parameters');
// parameters:
// left=xValue: left position of the windows or left offset relative a element position
// top=yValue: top position of the windows or top offset relative a element position
// position=center: center the windows on the browser
// position==[element, element-right, element-bottom]: show the windows on the element passed on the position_element_id parameters
// position_element_id=elementId: element id name on the page where the windows shows
// position=mouse: show windows on mouse coordinates
// notResetPosition=1: position the windows with the same dhtmlwindow name only the first time the content is loaded, otherwise every time
// width=xPx: indicate the widht of the windows, if not present the windows risize according the content
// height=yPx: indicate the height of the windows, if not present the windows risize according the content
// maxSizeX=xPx: indicate the max widht of the windows
// maxSizeY=yPx: indicate the max height of the windows
// scrolling=1: indicate if the content can scroll if exceding the width, height or maxSizeX, maxSizeY
// resize=1: indicate if the windows is resizeable
// resetParametersOnLoad=1: every time the open function for the same dhtmlwindow name is called all parameters are inizialized to original value
// hideTitleBar=1: indicate to hide the title bar including control and drag zone
// hideControlButton=1: hide all control button
// hideCloseButton=1: hide the close button
// hideMinimizeButton=1: hide the minimize button
// fixedOnPage=1: the windows remain in the same position of the browser windows even the page is scrolled
// delayedOpen=1: the windows are show after 250 ms from the calling of open, if meantime is calling or trigger a close event the windows are not showed
//
var dhtmlwindow={
imagefiles:['https://iungo.glemgas.com:443/iungo/images/_dhtmlwindow/min.gif', 'https://iungo.glemgas.com:443/iungo/images/_dhtmlwindow/close.gif', 'https://iungo.glemgas.com:443/iungo/images/_dhtmlwindow/restore.gif', 'https://iungo.glemgas.com:443/iungo/images/_dhtmlwindow/resize.gif'], //Path to 4 images used by script, in that order
ajaxbustcache: true, //Bust caching when fetching a file via Ajax?
ajaxloadinghtml: 'Loading Page. Please wait...', //HTML to show while window fetches Ajax Content?
minimizeorder: 0,
zIndexvalue:100,
tobjects: [], //object to contain references to dhtml window divs, for cleanup purposes
lastactivet: {}, //reference to last active DHTML window
init:function(t){
var domwindow=document.createElement("div") //create dhtml window div
domwindow.id=t
domwindow.className="dhtmlwindow"
var domwindowdata=''
domwindowdata='
DHTML Window
'
domwindowdata+='
'
domwindowdata+='
'
domwindowdata+=''
domwindowdata+=''
domwindowdata+=''
domwindow.innerHTML=domwindowdata
document.getElementById("dhtmlwindowholder").appendChild(domwindow)
//this.zIndexvalue=(this.zIndexvalue)? this.zIndexvalue+1 : 100 //z-index value for DHTML window: starts at 0, increments whenever a window has focus
var t=document.getElementById(t)
var divs=t.getElementsByTagName("div")
for (var i=0; i0) {
t.style.width=Math.max(parseInt(w)+3, dhtmlwindow.minimalWidth)+"px";
t.contentarea.style.width=Math.max(parseInt(w), dhtmlwindow.minimalWidth)+"px";
} else {
fixScrollHeightForIE = true;
}
if (parseInt(h)>0) {
t.style.height=Math.max(parseInt(h)+t.resizeBarYOffset, dhtmlwindow.minimalHeight)+"px"
t.contentarea.style.height=Math.max(parseInt(h), dhtmlwindow.minimalHeight)+"px"
}
//- checking if widht is grater of the maxWidht
// alert("t.contentarea.style.width:"+t.contentarea.style.width+" t.clientWidth:"+t.clientWidth+" t.contentarea.style.width:"+t.contentarea.style.width+" t.contentarea.clientWidth:"+t.contentarea.clientWidth+" this.docwidth:"+(this.docwidth)+ " t.style.left:"+parseInt(t.style.left));
if (t.contentarea.datatype != "ajax") {
newWidht = t.clientWidth;
} else {
//- fix for chrome visualization
try{
newWidht = document.getElementById("tableDinamicPopUp").clientWidth + 4;
}catch(err){
newWidht = t.clientWidth;
}
//-
}
if ( (parseInt(w)<=0)&&(t.maximalWidth>0)&&(newWidht>t.maximalWidth) ) {
//t.style.overflow="hidden";
newWidht = t.maximalWidth;
}
t.style.width=(newWidht + dhtmlwindow.getNavigatorOffsetX())+"px";
t.contentarea.style.width=newWidht+dhtmlwindow.getNavigatorOffsetX()-4;
if ( (fixScrollHeightForIE==true)&&(/MSIE/i.test(navigator.userAgent)) ) {
// if the height is automatic this fix the scrollbar space for IE
if (t.contentarea.scrollWidth>t.contentarea.clientWidth) {
t.contentarea.style.height=(t.contentarea.clientHeight + 36)+"px";
}
}
//- checking if height is grater of the maxHeight
newHeight = t.clientHeight;
if ( (parseInt(h)<=0)&&(t.maximalHeight>0)&&(newHeight>t.maximalHeight) ) {
newHeight = t.maximalHeight;
t.style.height=(newHeight + t.resizeBarYOffset)+"px";
t.contentarea.style.height=(newHeight)+"px";
}
//-
//-
//- try to rest into page
tmpX = parseInt(t.style.left)-parseInt(this.scroll_left)+parseInt(t.clientWidth);
diffX = parseInt(this.docwidth)-parseInt(tmpX);
if (diffX<0) {
if (t.position_element_object != null) {
nX = parseInt(t.position_element_object_xpos)-parseInt(t.clientWidth)-4;
} else {
nX = parseInt(t.style.left)+parseInt(diffX);
}
if (parseInt(nX)<0) {
nX = 1;
}
t.style.left=nX+"px";
}
tmpY = parseInt(t.style.top)-parseInt(this.scroll_top)+parseInt(t.clientHeight);
diffY = parseInt(this.docheight)-parseInt(tmpY);
if (diffY<0) {
nY = parseInt(t.style.top)+parseInt(diffY);
if (parseInt(nY)'
window.frames["_iframe-"+t.id].location.replace(contentsource) //set location of iframe window to specified URL
}
else if (contenttype=="ajax"){
this.ajax_connect(contentsource, t) //populate window with external contents fetched via Ajax
}
t.contentarea.datatype=contenttype //store contenttype of current window for future reference
},
setupdrag:function(e){
var d=dhtmlwindow //reference dhtml window object
var t=this._parent //reference dhtml window div
d.etarget=this //remember div mouse is currently held down on ("handle" or "resize" div)
var e=window.event || e
d.initmousex=e.clientX //store x position of mouse onmousedown
d.initmousey=e.clientY
d.initx=parseInt(t.offsetLeft) //store offset x of window div onmousedown
d.inity=parseInt(t.offsetTop)
d.width=parseInt(t.offsetWidth) //store width of window div
d.contentheight=parseInt(t.contentarea.offsetHeight) //store height of window div's content div
t.storeBackgroundColor=t.contentarea.style.backgroundColor;
if (t.contentarea.datatype=="iframe"){ //if content of this window div is "iframe"
t.style.backgroundColor="#F8F8F8" //colorize and hide content div (while window is being dragged)
t.contentarea.style.visibility="hidden"
}
document.onmousemove=d.getdistance //get distance travelled by mouse as it moves
document.onmouseup=function(){
if (t.contentarea.datatype=="iframe"){ //restore color and visibility of content div onmouseup
t.contentarea.style.backgroundColor=t.storeBackgroundColor
t.contentarea.style.visibility="visible"
}
d.stop()
}
return false
},
getdistance:function(e){
var d=dhtmlwindow
var etarget=d.etarget
var e=window.event || e
d.distancex=e.clientX-d.initmousex //horizontal distance travelled relative to starting point
d.distancey=e.clientY-d.initmousey
if (etarget.className=="drag-handle") //if target element is "handle" div
d.move(etarget._parent, e)
else if (etarget.className=="drag-resizearea") //if target element is "resize" div
d.resize(etarget._parent, e)
return false //cancel default dragging behavior
},
getviewpoint:function(){ //get window viewpoint numbers
var ie=document.all && !window.opera
var domclientWidth=document.documentElement && parseInt(document.documentElement.clientWidth) || 100000 //Preliminary doc width in non IE browsers
this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes
this.scroll_top=(ie)? this.standardbody.scrollTop : window.pageYOffset
this.scroll_left=(ie)? this.standardbody.scrollLeft : window.pageXOffset
this.docwidth=(ie)? this.standardbody.clientWidth : (/Safari/i.test(navigator.userAgent))? window.innerWidth : Math.min(domclientWidth, window.innerWidth-16)
this.docheight=(ie)? this.standardbody.clientHeight: window.innerHeight
},
rememberattrs:function(t){ //remember certain attributes of the window when it's minimized or closed, such as dimensions, position on page
this.getviewpoint() //Get current window viewpoint numbers
t.lastx=parseInt((t.style.left || t.offsetLeft))-dhtmlwindow.scroll_left //store last known x coord of window just before minimizing
t.lasty=parseInt((t.style.top || t.offsetTop))-dhtmlwindow.scroll_top
t.lastwidth=parseInt(t.style.width) //store last known width of window just before minimizing/ closing
if ((""+t.lastwidth)=="NaN") {
t.lastwidth=parseInt(t.clientWidth)
}
t.lastheight=parseInt(t.style.height)
if ((""+t.lastheight)=="NaN") {
t.lastheight=parseInt(t.clientHeight)
}
},
move:function(t, e){
t.style.left=dhtmlwindow.distancex+dhtmlwindow.initx+"px"
t.style.top=dhtmlwindow.distancey+dhtmlwindow.inity+"px"
t.contentarea.style.width=(dhtmlwindow.width-4)+"px"
t.style.width=(dhtmlwindow.width)+"px"
},
resize:function(t, e){
t.style.width=Math.max(dhtmlwindow.width+dhtmlwindow.distancex, dhtmlwindow.minimalWidth)+"px";
t.contentarea.style.width=Math.max(dhtmlwindow.width+dhtmlwindow.distancex-4, dhtmlwindow.minimalWidth-4)+"px";
t.style.height=Math.max(dhtmlwindow.contentheight+dhtmlwindow.distancey+t.resizeBarYOffset, dhtmlwindow.minimalHeight+t.resizeBarYOffset)+"px";
t.contentarea.style.height=Math.max(dhtmlwindow.contentheight+dhtmlwindow.distancey, dhtmlwindow.minimalHeight)+"px";
},
enablecontrols:function(e){
var d=dhtmlwindow
var sourceobj=window.event? window.event.srcElement : e.target //Get element within "handle" div mouse is currently on (the controls)
if (/Minimize/i.test(sourceobj.getAttribute("title"))) //if this is the "minimize" control
d.minimize(sourceobj, this._parent)
else if (/Restore/i.test(sourceobj.getAttribute("title"))) //if this is the "restore" control
d.restore(sourceobj, this._parent)
else if (/Close/i.test(sourceobj.getAttribute("title"))) //if this is the "close" control
d.close(this._parent)
return false
},
storeMousePosition:function(e){
// ie = navigator.appName == "Microsoft Internet Explorer";
ie = (/MSIE/i.test(navigator.userAgent));
dhtmlwindow.mouseposX = ie ? window.event.clientX : e.clientX;
dhtmlwindow.mouseposY = ie ? window.event.clientY : e.clientY;
dhtmlwindow.mouseMoved = 1;
},
minimize:function(button, t){
dhtmlwindow.rememberattrs(t)
button.setAttribute("src", dhtmlwindow.imagefiles[2])
button.setAttribute("title", "Restore")
t.state="minimized" //indicate the state of the window as being "minimized"
t.contentarea.style.display="none"
t.statusarea.style.display="none"
if (typeof t.minimizeorder=="undefined"){ //stack order of minmized window on screen relative to any other minimized windows
dhtmlwindow.minimizeorder++ //increment order
t.minimizeorder=dhtmlwindow.minimizeorder
}
t.style.left="10px" //left coord of minmized window
t.style.width="200px"
t.style.height=t.handle.style.height;
var windowspacing=t.minimizeorder*10 //spacing (gap) between each minmized window(s)
t.style.top=dhtmlwindow.scroll_top+dhtmlwindow.docheight-(t.handle.offsetHeight*t.minimizeorder)-windowspacing+"px"
},
restore:function(button, t){
dhtmlwindow.getviewpoint()
button.setAttribute("src", dhtmlwindow.imagefiles[0])
button.setAttribute("title", "Minimize")
t.state="fullview" //indicate the state of the window as being "fullview"
t.style.display="block"
t.contentarea.style.display="block"
if (t.resizeBool) //if this window is resizable, enable the resize icon
t.statusarea.style.display="block"
t.style.left=parseInt(t.lastx)+dhtmlwindow.scroll_left+"px" //position window to last known x coord just before minimizing
t.style.top=parseInt(t.lasty)+dhtmlwindow.scroll_top+"px"
t.style.width=parseInt(t.lastwidth)+"px"
t.style.height=parseInt(t.lastheight)+"px"
},
close:function(t){
try{
var closewinbol=t.onclose()
}
catch(err){ //In non IE browsers, all errors are caught, so just run the below
var closewinbol=true
}
finally{ //In IE, not all errors are caught, so check if variable isn't defined in IE in those cases
if (typeof closewinbol=="undefined"){
alert("An error has occured somwhere inside your \"onclose\" event handler")
var closewinbol=true
}
}
if (closewinbol){ //if custom event handler function returns true
if (t.state!="minimized") //if this window isn't currently minimized
dhtmlwindow.rememberattrs(t) //remember window's dimensions/position on the page before closing
if (window.frames["_iframe-"+t.id]) //if this is an IFRAME DHTML window
window.frames["_iframe-"+t.id].location.replace("about:blank")
else
t.contentarea.innerHTML=""
t.style.display="none"
t.isClosed=true //tell script this window is closed (for detection in t.show())
}
return closewinbol
},
delayedClose:function(t){
t.delayedCloseCanBeclose=true;
t.hasDelayedClose = true;
if (t.style.display != "block") {
t.close();
} else {
setTimeout(t.id+".delayedCloseAction('"+t.uniqueIdOnOpen+"')", t.delayedCloseDefaultMillis);
}
},
delayedCloseTimed:function(t, timeInMillis){
t.delayedCloseDefaultMillis=timeInMillis;
t.delayedClose();
},
delayedCloseAction:function(t, uniqueIdValue){
if ( (t.delayedCloseCanBeclose==true)&&(uniqueIdValue == t.uniqueIdOnOpen) ) {
t.close();
}
},
setDelayedOpen:function(t, value){
if (value == true) {
t.style.display="none";
setTimeout(t.id+".delayedOpenAction('"+t.uniqueIdOnOpen+"')", 250);
}
},
delayedOpenAction:function(t, uniqueIdValue){
if ( (t.isClosed==false)&&(uniqueIdValue == t.uniqueIdOnOpen) ) {
t.style.display="block";
}
},
setopacity:function(targetobject, value){ //Sets the opacity of targetobject based on the passed in value setting (0 to 1 and in between)
if (!targetobject)
return
if (targetobject.filters && targetobject.filters[0]){ //IE syntax
if (typeof targetobject.filters[0].opacity=="number") //IE6
targetobject.filters[0].opacity=value*100
else //IE 5.5
targetobject.style.filter="alpha(opacity="+value*100+")"
}
else if (typeof targetobject.style.MozOpacity!="undefined") //Old Mozilla syntax
targetobject.style.MozOpacity=value
else if (typeof targetobject.style.opacity!="undefined") //Standard opacity syntax
targetobject.style.opacity=value
},
setfocus:function(t){ //Sets focus to the currently active window
this.zIndexvalue++
t.style.zIndex=this.zIndexvalue
t.isClosed=false //tell script this window isn't closed (for detection in t.show())
this.setopacity(this.lastactivet.handle, 0.5) //unfocus last active window
this.setopacity(t.handle, 1) //focus currently active window
this.lastactivet=t //remember last active window
},
show:function(t){
if (t.isClosed){
alert("DHTML Window has been closed, so nothing to show. Open/Create the window again.")
return
}
if (t.lastx) //If there exists previously stored information such as last x position on window attributes (meaning it's been minimized or closed)
dhtmlwindow.restore(t.controls.firstChild, t) //restore the window using that info
else
t.style.display="block"
this.setfocus(t)
t.state="fullview" //indicate the state of the window as being "fullview"
},
hide:function(t){
t.style.display="none"
},
ajax_connect:function(url, t){
t.ajaxCanDrawContent = false;
var page_request = false
var bustcacheparameter=""
if (window.XMLHttpRequest) // if Mozilla, IE7, Safari etc
page_request = new XMLHttpRequest()
else if (window.ActiveXObject){ // if IE6 or below
try {
page_request = new ActiveXObject("Msxml2.XMLHTTP")
}
catch (e){
try{
page_request = new ActiveXObject("Microsoft.XMLHTTP")
}
catch (e){}
}
}
else
return false
t.contentarea.innerHTML=this.ajaxloadinghtml
page_request.onreadystatechange=function(){dhtmlwindow.ajax_loadpage(page_request, t)}
if (this.ajaxbustcache) //if bust caching of external page
bustcacheparameter=(url.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()
page_request.open('GET', url+bustcacheparameter, true)
page_request.send(null)
},
ajax_loadpage:function(page_request, t){
if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1)){
filteredJS = extractJS(page_request.responseText);
filteredResponse = extractNonJS(page_request.responseText);
t.contentarea.innerHTML=filteredResponse;
addJS(filteredJS, t);
t.ajaxCanDrawContent = true;
}
},
stop:function(){
dhtmlwindow.etarget=null //clean up
document.onmousemove=null
document.onmouseup=null
},
addEvent:function(target, functionref, tasktype){ //assign a function to execute to an event handler (ie: onunload)
var tasktype=(window.addEventListener)? tasktype : "on"+tasktype
if (target.addEventListener)
target.addEventListener(tasktype, functionref, false)
else if (target.attachEvent)
target.attachEvent(tasktype, functionref)
},
cleanup:function(){
for (var i=0; i.') //container that holds all dhtml window divs on page
dhtmlwindow.addEvent(document, dhtmlwindow.storeMousePosition, "mousedown");
dhtmlwindow.addEvent(document, dhtmlwindow.storeMousePosition, "mousemove");
addFunctionToPageUnload(
function() {
dhtmlwindow.cleanup();
}
);