telligent_modal.js

深入研究Windows内部原理及内核调试相关介绍文档

Telligent_Modal=new Object();Telligent_Modal._variableName='Telligent_Modal';Telligent_Modal.LoadingHtmlUrl=null;Telligent_Modal.WindowCssClasses=new Array();Telligent_Modal.WindowTitleCssClasses=new Array();Telligent_Modal.WindowCloseCssClasses=new Array();Telligent_Modal.WindowContentCssClasses=new Array();Telligent_Modal.WindowMaskCssClasses=new Array();Telligent_Modal.WindowFooterCssClasses=new Array();Telligent_Modal.WindowResizeCssClasses=new Array();Telligent_Modal.ZIndex=100;Telligent_Modal._isShown=false;Telligent_Modal._initialized=false;Telligent_Modal._modal=null;Telligent_Modal._modalTitle=null;Telligent_Modal._modalClose=null;Telligent_Modal._modalAnimationMask=null;Telligent_Modal._modalMask=null;Telligent_Modal._modalIframe=null;Telligent_Modal._modalResize=null;Telligent_Modal._modalFooter=null;Telligent_Modal._modalContent=null;Telligent_Modal._animationHandle=null;Telligent_Modal._isOpening=false;Telligent_Modal._hiddenSelects=null;Telligent_Modal._checkForScrollResizeHandle=null;Telligent_Modal._lastModalInfo=null;Telligent_Modal._lastWindowInfo=null;Telligent_Modal._isDragging=false;Telligent_Modal._moveModalInfo=null;Telligent_Modal._resizeModalInfo=null;Telligent_Modal._isResizing=false;Telligent_Modal.Configure=function(loadingHtmlUrl,windowCssClasses,windowTitleCssClasses,windowCloseCssClasses,windowContentCssClasses,windowFooterCssClasses,windowResizeCssClasses,windowMaskCssClasses,zIndex)
{this.LoadingHtmlUrl=loadingHtmlUrl;this.WindowCssClasses=windowCssClasses;this.WindowTitleCssClasses=windowTitleCssClasses;this.WindowCloseCssClasses=windowCloseCssClasses;this.WindowContentCssClasses=windowContentCssClasses;this.WindowMaskCssClasses=windowMaskCssClasses;this.WindowFooterCssClasses=windowFooterCssClasses;this.WindowResizeCssClasses=windowResizeCssClasses;this.ZIndex=zIndex;}
Telligent_Modal.IsShown=function()
{return this._isShown;}
Telligent_Modal._getWindowInfo=function()
{var scrollX=0,scrollY=0,width=0,height=0,contentWidth=0,contentHeight=0;if(typeof(window.pageXOffset)=='number')
{scrollX=window.pageXOffset;scrollY=window.pageYOffset;}
else if(document.body&&(document.body.scrollLeft||document.body.scrollTop))
{scrollX=document.body.scrollLeft;scrollY=document.body.scrollTop;}
else if(document.documentElement&&(document.documentElement.scrollLeft||document.documentElement.scrollTop))
{scrollX=document.documentElement.scrollLeft;scrollY=document.documentElement.scrollTop;}
if(typeof(window.innerWidth)=='number')
{width=window.innerWidth;height=window.innerHeight;}
else if(document.documentElement&&(document.documentElement.clientWidth||document.documentElement.clientHeight))
{width=document.documentElement.clientWidth;height=document.documentElement.clientHeight;}
else if(document.body&&(document.body.clientWidth||document.body.clientHeight))
{width=document.body.clientWidth;height=document.body.clientHeight;}
if(document.documentElement&&(document.documentElement.scrollHeight||document.documentElement.offsetHeight))
{if(document.documentElement.scrollHeight>document.documentElement.offsetHeight)
{contentWidth=document.documentElement.scrollWidth;contentHeight=document.documentElement.scrollHeight;}
else
{contentWidth=document.documentElement.offsetWidth;contentHeight=document.documentElement.offsetHeight;}}
else if(document.body&&(document.body.scrollHeight||document.body.offsetHeight))
{if(document.body.scrollHeight>document.body.offsetHeight)
{contentWidth=document.body.scrollWidth;contentHeight=document.body.scrollHeight;}
else
{contentWidth=document.body.offsetWidth;contentHeight=document.body.offsetHeight;}}
else
{contentWidth=width;contentHeight=height;}
if(height>contentHeight)
height=contentHeight;if(width>contentWidth)
width=contentWidth;var rect=new Object();rect.ScrollX=scrollX;rect.ScrollY=scrollY;rect.Width=width;rect.Height=height;rect.ContentWidth=contentWidth;rect.ContentHeight=contentHeight;return rect;}
Telligent_Modal._getCurrentStyleValue=function(element,styleRule,jsStyleRule)
{var value=0;if(document.defaultView&&document.defaultView.getComputedStyle)
value=parseInt(document.defaultView.getComputedStyle(element,"").getPropertyValue(styleRule),0);else if(element.currentStyle)
value=parseInt(element.currentStyle[jsStyleRule],0);if(!isNaN(value))
return value;else
return 0;}
Telligent_Modal._calculateStyleOffset=function(element)
{var result=new Object();result.Height=this._getCurrentStyleValue(element,'border-top-width','borderTopWidth')+
this._getCurrentStyleValue(element,'border-bottom-width','borderBottomWidth')+
this._getCurrentStyleValue(element,'padding-top','paddingTop')+
this._getCurrentStyleValue(element,'padding-bottom','paddingBottom');result.Width=this._getCurrentStyleValue(element,'border-left-width','borderLeftWidth')+
this._getCurrentStyleValue(element,'border-right-width','borderRightWidth')+
this._getCurrentStyleValue(element,'padding-left','paddingLeft')+
this._getCurrentStyleValue(element,'padding-right','paddingRight');return result;}
Telligent_Modal.Open=function(url,width,height,onCloseFunction,x,y,ignoreCloseAndAnimation)
{if(!ignoreCloseAndAnimation&&this._isShown)
this.Close();else if(this._hiddenSelects)
{for(var i=0;i<this._hiddenSelects.length;i++)
{if(this._hiddenSelects[i].Element.style.visibility=='hidden')
this._hiddenSelects[i].Element.style.visibility=this._hiddenSelects[i].Visibility;}
this._hiddenSelects=null;}
if(!this._initialized)
this._initialize();try
{this._modalTitle.childNodes[1].innerHTML=this._modalIframe.contentWindow.document.title;}
catch(err)
{}
if(!ignoreCloseAndAnimation)
this._modalIframe.src=url;try
{this._modalIframe.contentWindow.opener=window;}
catch(err)
{}
this._modalAnimationMask.style.display='none';this._modalMask.style.display='none';this._lastWindowInfo=this._getWindowInfo();this._modalAnimationMask.style.display='block';if(width>this._lastWindowInfo.Width)
width=this._lastWindowInfo.Width;this._modalAnimationMask.style.position='absolute';this._modalAnimationMask.style.zIndex=this.ZIndex;this._modalAnimationMask.style.display='block';this._modalAnimationMask.style.visibility='hidden';this._modalAnimationMask.style.overflow='hidden';this._modalAnimationMask.style.width=width+'px';this._modalContent.style.width=width+'px';this._modal.style.position='absolute';this._modal.style.display='block';this._modal.style.visibility='hidden';this._modal.style.left='0px';this._modal.style.top='0px';this._modalMask.style.position='absolute';this._modalMask.style.display='block';this._modalMask.style.zIndex=this.ZIndex;this._modalMask.style.visibility='visible';var modalContentOffset=this._calculateStyleOffset(this._modalContent);var offset=(this._modal.offsetHeight-this._modalContent.offsetHeight)-modalContentOffset.Height;if(height+offset>this._lastWindowInfo.Height)
height=this._lastWindowInfo.Height-offset;if(width<this._modalResize.offsetWidth*2)
width=this._modalResize.offsetWidth*2;if(width<this._modalClose.offsetWidth*2)
width=this._modalClose.offsetWidth*2;if(height<this._modalTitle.offsetHeight+this._modalFooter.offsetHeight)
height=this._modalTitle.offsetHeight+this._modalFooter.offsetHeight;this._modalIframe.style.height=height+'px';this._modalContent.style.height=height+'px';this._modalContent.style.width=(width-(this._modal.offsetWidth-this._modalContent.offsetWidth)-modalContentOffset.Width)+'px';this._modalAnimationMask.style.width=width+'px';this._modalAnimationMask.style.height=this._modal.offsetHeight+'px';this._modalMask.style.left='0px';this._modalMask.style.top='0px';this._modalMask.style.width=this._lastWindowInfo.ContentWidth+'px';this._modalMask.style.height=this._lastWindowInfo.ContentHeight+'px';this._lastWindowInfo=this._getWindowInfo();var panelWidth=this._modal.offsetWidth;var panelHeight=this._modal.offsetHeight;var animatePropertyName,animateTargetValue,animateNextValue;if(typeof(x)=='undefined'||isNaN(parseInt(x,10)))
x=((this._lastWindowInfo.Width-panelWidth)/2)+this._lastWindowInfo.ScrollX;if(x+panelWidth>this._lastWindowInfo.Width+this._lastWindowInfo.ScrollX)
x=this._lastWindowInfo.Width+this._lastWindowInfo.ScrollX-panelWidth;if(x<this._lastWindowInfo.ScrollX)
x=this._lastWindowInfo.ScrollX;if(typeof(y)=='undefined'||isNaN(parseInt(y,10)))
y=((this._lastWindowInfo.Height-panelHeight)/2)+this._lastWindowInfo.ScrollY;if(y+panelHeight>this._lastWindowInfo.Height+this._lastWindowInfo.ScrollY)
y=this._lastWindowInfo.Height+this._lastWindowInfo.ScrollY-panelHeight;if(y<this._lastWindowInfo.ScrollY)
y=this._lastWindowInfo.ScrollY;this._modalAnimationMask.style.left=x+'px';this._modalAnimationMask.style.top=y+'px';animateTargetValue=0;animateNextValue=-panelHeight;this._modal.style.visibility='visible';this._modalAnimationMask.style.visibility='visible';this._modalAnimationMask.style.overflow='hidden';if(this._modalAnimationMask.getClientRects)
{var selectBoxes=document.getElementsByTagName('select');this._hiddenSelects=new Array();for(var i=0;i<selectBoxes.length;i++)
{this._hiddenSelects[this._hiddenSelects.length]={Element:selectBoxes[i],Visibility:selectBoxes[i].style.visibility};selectBoxes[i].style.visibility='hidden';}}
this._isOpening=true;if(ignoreCloseAndAnimation)
this._animationHandle=window.setTimeout(new Function(this._variableName+'._animate(0,0,0,0);'),9);else
{this._modalIframe.style.display='none';this._animate(0,-panelHeight,panelHeight/3,.67);}
this._lastModalInfo={Url:this._modalIframe.src,OnCloseFunction:onCloseFunction,X:x,Y:y,Width:parseInt(width,10),Height:parseInt(height,10)};this._isShown=true;}
Telligent_Modal._checkForScrollResize=function()
{if(this._checkForScrollResizeHandle)
window.clearTimeout(this._checkForScrollResizeHandle);if(this._isShown&&!this._isOpening&&this._lastWindowInfo)
{try
{this._modalTitle.childNodes[1].innerHTML=this._modalIframe.contentWindow.document.title;}