- 浏览: 72737 次
- 性别:
- 来自: 大连
文章分类
最新评论
-
沈冠军:
LZ连个效果图都没有!
弹出输入框的js代码 -
meteormatt:
恩,我下载下来看看了.谢谢了
Sun Java Wireless Toolkit 2.5.2 for CLDC -
googya:
我用了firefox文件下面的sqlitemanager,感觉 ...
SQLite -
wishwingliao:
转我的是吧:)http://hi.baidu.com/wish ...
J2ME读取本地Unicode编码的文本文件 -
juansusan:
zzq230 写道
基本上每个星期看一个
恩,可惜我已经大四 ...
麻省理工要求本科生三年看完的电影
可以定义成文件:Wo_Modal.js
Wo_Modal = new Object();
Wo_Modal._variableName = 'Wo_Modal';
Wo_Modal.LoadingHtmlUrl = null;
Wo_Modal.WindowCssClasses = new Array();
Wo_Modal.WindowTitleCssClasses = new Array();
Wo_Modal.WindowCloseCssClasses = new Array();
Wo_Modal.WindowContentCssClasses = new Array();
Wo_Modal.WindowMaskCssClasses = new Array();
Wo_Modal.WindowFooterCssClasses = new Array();
Wo_Modal.WindowResizeCssClasses = new Array();
Wo_Modal.ZIndex = 100;
Wo_Modal._isShown = false;
Wo_Modal._initialized = false;
Wo_Modal._modal = null;
Wo_Modal._modalTitle = null;
Wo_Modal._modalClose = null;
Wo_Modal._modalAnimationMask = null;
Wo_Modal._modalMask = null;
Wo_Modal._modalIframe = null;
Wo_Modal._modalResize = null;
Wo_Modal._modalFooter = null;
Wo_Modal._modalContent = null;
Wo_Modal._animationHandle = null;
Wo_Modal._isOpening = false;
Wo_Modal._hiddenSelects = null;
Wo_Modal._checkForScrollResizeHandle = null;
Wo_Modal._lastModalInfo = null;
Wo_Modal._lastWindowInfo = null;
Wo_Modal._isDragging = false;
Wo_Modal._moveModalInfo = null;
Wo_Modal._resizeModalInfo = null;
Wo_Modal._isResizing = false;
Wo_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;
}
Wo_Modal.IsShown = function()
{
return this._isShown;
}
Wo_Modal._getWindowInfo = function()
{
var scrollX = 0, scrollY = 0, width = 0, height = 0, contentWidth = 0, contentHeight = 0;
if (typeof(window.pageXOffset) == 'number')
{
//Netscape compliant
scrollX = window.pageXOffset;
scrollY = window.pageYOffset;
}
else if (document.body && (document.body.scrollLeft || document.body.scrollTop))
{
//DOM compliant
scrollX = document.body.scrollLeft;
scrollY = document.body.scrollTop;
}
else if (document.documentElement && (document.documentElement.scrollLeft || document.documentElement.scrollTop))
{
//IE6 standards compliant mode
scrollX = document.documentElement.scrollLeft;
scrollY = document.documentElement.scrollTop;
}
if (typeof(window.innerWidth) == 'number')
{
//Non-IE
width = window.innerWidth;
height = window.innerHeight;
}
else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight))
{
//IE 6+ in 'standards compliant mode'
width = document.documentElement.clientWidth;
height = document.documentElement.clientHeight;
}
else if (document.body && (document.body.clientWidth || document.body.clientHeight))
{
//IE 4 compatible
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;
}
Wo_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;
}
Wo_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;
}
Wo_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';
// retrieve the window info
this._lastWindowInfo = this._getWindowInfo();
this._modalAnimationMask.style.display = 'block';
// width/height of panel
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';
// detect and hide select boxes
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;
}
Wo_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;
}
catch (err)
{
}
var windowInfo = this._getWindowInfo();
if (windowInfo.ScrollX != this._lastWindowInfo.ScrollX || windowInfo.ScrollY != this._lastWindowInfo.ScrollY || windowInfo.Width != this._lastWindowInfo.Width || windowInfo.Height != this._lastWindowInfo.Height)
this.Open(null, this._lastModalInfo.Width, this._lastModalInfo.Height, this._lastModalInfo.OnCloseFunction, this._lastModalInfo.X, this._lastModalInfo.Y, true);
else
this._checkForScrollResizeHandle = window.setTimeout(new Function('window.' + this._variableName + '._checkForScrollResize();'), 999);
}
}
Wo_Modal.Close = function(returnValue)
{
if (this._isShown)
{
if (!this._initialized)
this._initialize();
this._modal.style.position = 'absolute';
this._modal.style.display = 'none';
this._modalAnimationMask.style.position = 'absolute';
this._modalAnimationMask.style.display = 'none';
this._modalMask.style.position = 'absolute';
this._modalMask.style.display = 'none';
this._modalIframe.src = this.LoadingHtmlUrl;
var onCloseFunction = this._lastModalInfo.OnCloseFunction;
this._isShown = false;
this._lastModalInfo = null;
this._windowInfo = null;
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 (onCloseFunction)
onCloseFunction(returnValue);
this.Dispose();
}
}
Wo_Modal.Refresh = function()
{
if (this._animationHandle)
window.clearTimeout(this._animationHandle);
this.Dispose();
if (this._isShown && this._lastModalInfo)
this.Open(this._lastModalInfo.Url, this._lastModalInfo.Width, this._lastModalInfo.OnCloseFunction, this._lastModalInfo.Height, this._lastModalInfo.OnCloseFunction, this._lastModalInfo.X, this._lastModalInfo.Y);
}
Wo_Modal._initialize = function()
{
this._modalMask = document.createElement('div');
this._modalMask.style.width = 'auto';
this._modalMask.style.height = 'auto';
this._modalMask.style.position = 'absolute';
this._modalMask.style.display = 'none';
var mm = this._modalMask;
if (this.WindowMaskCssClasses.length > 0)
{
mm.className = this.WindowMaskCssClasses[0];
for (var i = 1; i < this.WindowMaskCssClasses.length; i++)
{
mm.appendChild(document.createElement('div'));
mm = mm.childNodes[0];
mm.className = this.WindowMaskCssClasses[i];
mm.style.width = 'auto';
mm.style.height = 'auto';
}
}
document.body.appendChild(this._modalMask);
this._modalAnimationMask = document.createElement('div');
this._modalAnimationMask.style.position = 'absolute';
this._modalAnimationMask.style.display = 'none';
this._modalAnimationMask.style.overflow = 'hidden';
this._modal = document.createElement('div');
this._modal.style.width = 'auto';
this._modal.style.height = 'auto';
this._modal.style.position = 'absolute';
this._modal.style.display = 'none';
var m = this._modal;
if (this.WindowCssClasses.length > 0)
{
m.className = this.WindowCssClasses[0];
for (var i = 1; i < this.WindowCssClasses.length; i++)
{
m.appendChild(document.createElement('div'));
m = m.childNodes[0];
m.className = this.WindowCssClasses[i];
m.style.width = 'auto';
m.style.height = 'auto';
}
}
this._modalTitle = document.createElement('div');
m.appendChild(this._modalTitle);
if (this.WindowTitleCssClasses.length > 0)
{
this._modalTitle.className = this.WindowTitleCssClasses[0];
for (var i = 1; i < this.WindowTitleCssClasses.length; i++)
{
this._modalTitle.appendChild(document.createElement('div'));
this._modalTitle = this._modalTitle.childNodes[0];
this._modalTitle.className = this.WindowTitleCssClasses[i];
}
}
this._modalTitle.onmousedown = new Function('event', 'window.' + this._variableName + '._startDrag(event); return false;');
this._modalClose = document.createElement('div');
this._modalTitle.appendChild(this._modalClose);
var mc = this._modalClose;
if (this.WindowCloseCssClasses.length > 0)
{
mc.className = this.WindowCloseCssClasses[0];
for (var i = 1; i < this.WindowCloseCssClasses.length; i++)
{
mc.appendChild(document.createElement('div'));
mc = mc.childNodes[0];
mc.className = this.WindowCloseCssClasses[i];
}
}
this._modalClose.onclick = new Function('window.' + this._variableName + '.Close();');
this._modalTitle.appendChild(document.createElement('span'));
var e = document.createElement('div');
e.style.clear = 'both';
this._modalTitle.appendChild(e);
this._modalContent = document.createElement('div');
m.appendChild(this._modalContent);
if (this.WindowContentCssClasses.length > 0)
{
this._modalContent.className = this.WindowContentCssClasses[0];
for (var i = 1; i < this.WindowContentCssClasses.length; i++)
{
this._modalContent.appendChild(document.createElement('div'));
this._modalContent = this._modalContent.childNodes[0];
this._modalContent.className = this.WindowContentCssClasses[i];
}
}
this._modalIframe = document.createElement('iframe');
this._modalIframe.src = this.LoadingHtmlUrl;
this._modalIframe.width = '100%';
this._modalIframe.border = '0';
this._modalIframe.frameBorder = 'no';
this._modalIframe.style.borderLeftWidth = '0px';
this._modalIframe.style.borderRightWidth = '0px';
this._modalIframe.style.borderTopWidth = '0px';
this._modalIframe.style.borderBottomWidth = '0px';
this._modalContent.appendChild(this._modalIframe);
this._modalFooter = document.createElement('div');
m.appendChild(this._modalFooter);
var mf = this._modalFooter;
if (this.WindowFooterCssClasses.length > 0)
{
mf.className = this.WindowFooterCssClasses[0];
for (var i = 1; i < this.WindowFooterCssClasses.length; i++)
{
mf.appendChild(document.createElement('div'));
mf = mf.childNodes[0];
mf.className = this.WindowFooterCssClasses[i];
}
}
this._modalResize = document.createElement('div');
mf.appendChild(this._modalResize);
var e = document.createElement('div');
e.style.clear = 'both';
mf.appendChild(e);
var mr = this._modalResize;
if (this.WindowResizeCssClasses.length > 0)
{
mr.className = this.WindowResizeCssClasses[0];
for (var i = 1; i < this.WindowResizeCssClasses.length; i++)
{
mr.appendChild(document.createElement('div'));
mr = mr.childNodes[0];
mr.className = this.WindowResizeCssClasses[i];
}
}
this._modalResize.onmousedown = new Function('event', 'window.' + this._variableName + '._startResize(event); return false;');
this._modalAnimationMask.appendChild(this._modal);
document.body.appendChild(this._modalAnimationMask);
this._initialized = true;
}
Wo_Modal.Dispose = function()
{
if (this._initialized)
{
if (this._animationHandle)
window.clearTimeout(this._animationHandle);
this._isShown = false;
this._isOpening = false;
if (document && document.body)
{
document.body.removeChild(this._modalAnimationMask);
document.body.removeChild(this._modalMask);
this._modalClose.onclick = null;
this._modalTitle.onmousedown = null;
this._modalResize.onmousedown = null;
this._modal = null;
this._modalTitle = null;
this._modalClose = null;
this._modalAnimationMask = null;
this._modalMask = null;
this._modalIframe = null;
this._modalResize = null;
this._modalFooter = null;
this._modalContent = null;
}
this._initialized = false;
}
}
Wo_Modal._animate = function(targetValue, nextValue, step, acceleration)
{
if (this._animationHandle)
window.clearTimeout(this._animationHandle);
if (!this._isOpening)
return;
var currValue = parseInt(this._modal.style.top, 10);
if ((step < 0 && currValue < targetValue) || (step > 0 && currValue > targetValue) || Math.abs(step) < 1)
{
// complete
if (this._hiddenSelects)
{
for (var i = 0; i < this._hiddenSelects.length; i++)
this._hiddenSelects[i].Element.style.visibility = 'hidden';
}
this._modal.style.top = targetValue + 'px';
this._modal.style.position = 'static';
this._modalAnimationMask.style.overflow = 'visible';
this._animationHandle = null;
if (!this._isResizing && !this._isDragging)
this._modalIframe.style.display = 'block';
this._isOpening = false;
this._lastWindowInfo = this._getWindowInfo();
this._checkForScrollResizeHandle = window.setTimeout(new Function('window.' + this._variableName + '._checkForScrollResize();'), 999);
}
else
{
// continue animation
this._modal.style.top = nextValue + 'px';
nextValue = nextValue + step;
if (step > 0 && nextValue > targetValue)
nextValue = targetValue;
else if (step < 0 && nextValue < targetValue)
nextValue = targetValue;
step = step * acceleration;
this._animationHandle = window.setTimeout(new Function(this._variableName + '._animate(' + targetValue + ',' + nextValue + ',' + step + ',' + acceleration + ');'), 19);
}
}
Wo_Modal._startDrag = function(event)
{
if (!this._initialized)
this._initialize();
if (!event)
event = window.event;
this._moveModalInfo = new Object();
this._moveModalInfo.StartMouseX = event.pageX ? event.pageX : event.screenX;
this._moveModalInfo.StartMouseY = event.pageY ? event.pageY : event.screenY;
this._moveModalInfo.StartModalX = this._lastModalInfo.X;
this._moveModalInfo.StartModalY = this._lastModalInfo.Y;
this._moveModalInfo.Button = event.button;
document.onmouseup = new Function('event', 'window.' + this._variableName + '._endDrag(event); return false;');
document.onmousemove = new Function('event', 'window.' + this._variableName + '._drag(event); return false;');
this._modalIframe.style.display = 'none';
this._isDragging = true;
}
Wo_Modal._endDrag = function(event)
{
if (!this._initialized)
this._initialize();
this._isDragging = false;
this._moveModalInfo = null;
document.onmouseup = null;
document.onmousemove = null;
this._modalIframe.style.display = 'block';
}
Wo_Modal._drag = function(event)
{
if (!this._initialized)
this._initialize();
if (!event)
event = window.event;
if (event.button != this._moveModalInfo.Button)
{
this._endDrag(event);
return;
}
var eventX = typeof(event.pageX) != 'undefined' ? event.pageX : event.screenX;
var eventY = typeof(event.pageY) != 'undefined' ? event.pageY : event.screenY;
var xChange = eventX - this._moveModalInfo.StartMouseX;
var yChange = eventY - this._moveModalInfo.StartMouseY;
this.Open(null, this._lastModalInfo.Width, this._lastModalInfo.Height, this._lastModalInfo.OnCloseFunction, this._moveModalInfo.StartModalX + xChange, this._moveModalInfo.StartModalY + yChange, true);
}
Wo_Modal._startResize = function(event)
{
if (!this._initialized)
this._initialize();
if (!event)
event = window.event;
this._resizeModalInfo = new Object();
this._resizeModalInfo.StartMouseX = event.pageX ? event.pageX : event.screenX;
this._resizeModalInfo.StartMouseY = event.pageY ? event.pageY : event.screenY;
this._resizeModalInfo.StartModalWidth = this._lastModalInfo.Width;
this._resizeModalInfo.StartModalHeight = this._lastModalInfo.Height;
this._resizeModalInfo.Button = event.button;
document.onmouseup = new Function('event', 'window.' + this._variableName + '._endResize(event); return false;');
document.onmousemove = new Function('event', 'window.' + this._variableName + '._resize(event); return false;');
this._modalIframe.style.display = 'none';
this._isResizing = true;
}
Wo_Modal._endResize = function(event)
{
if (!this._initialized)
this._initialize();
this._isResizing = false;
this._resizeModalInfo = null;
document.onmouseup = null;
document.onmousemove = null;
this._modalIframe.style.display = 'block';
}
Wo_Modal._resize = function(event)
{
if (!this._initialized)
this._initialize();
if (!event)
event = window.event;
if (event.button != this._resizeModalInfo.Button)
{
this._endResize(event);
return;
}
var eventX = typeof(event.pageX) != 'undefined' ? event.pageX : event.screenX;
var eventY = typeof(event.pageY) != 'undefined' ? event.pageY : event.screenY;
var xChange = eventX - this._resizeModalInfo.StartMouseX;
var yChange = eventY - this._resizeModalInfo.StartMouseY;
this.Open(null, this._resizeModalInfo.StartModalWidth + xChange, this._resizeModalInfo.StartModalHeight + yChange, this._lastModalInfo.OnCloseFunction, this._lastModalInfo.X, this._lastModalInfo.Y, true);
}
Wo_Modal.Configure('Utility/loading.htm',['CommonModal'],['CommonModalTitle'],['CommonModalClose'],['CommonModalContent'],['CommonModalFooter'],['CommonModalResize'],['CommonModalMask'],100);
Wo_Modal = new Object();
Wo_Modal._variableName = 'Wo_Modal';
Wo_Modal.LoadingHtmlUrl = null;
Wo_Modal.WindowCssClasses = new Array();
Wo_Modal.WindowTitleCssClasses = new Array();
Wo_Modal.WindowCloseCssClasses = new Array();
Wo_Modal.WindowContentCssClasses = new Array();
Wo_Modal.WindowMaskCssClasses = new Array();
Wo_Modal.WindowFooterCssClasses = new Array();
Wo_Modal.WindowResizeCssClasses = new Array();
Wo_Modal.ZIndex = 100;
Wo_Modal._isShown = false;
Wo_Modal._initialized = false;
Wo_Modal._modal = null;
Wo_Modal._modalTitle = null;
Wo_Modal._modalClose = null;
Wo_Modal._modalAnimationMask = null;
Wo_Modal._modalMask = null;
Wo_Modal._modalIframe = null;
Wo_Modal._modalResize = null;
Wo_Modal._modalFooter = null;
Wo_Modal._modalContent = null;
Wo_Modal._animationHandle = null;
Wo_Modal._isOpening = false;
Wo_Modal._hiddenSelects = null;
Wo_Modal._checkForScrollResizeHandle = null;
Wo_Modal._lastModalInfo = null;
Wo_Modal._lastWindowInfo = null;
Wo_Modal._isDragging = false;
Wo_Modal._moveModalInfo = null;
Wo_Modal._resizeModalInfo = null;
Wo_Modal._isResizing = false;
Wo_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;
}
Wo_Modal.IsShown = function()
{
return this._isShown;
}
Wo_Modal._getWindowInfo = function()
{
var scrollX = 0, scrollY = 0, width = 0, height = 0, contentWidth = 0, contentHeight = 0;
if (typeof(window.pageXOffset) == 'number')
{
//Netscape compliant
scrollX = window.pageXOffset;
scrollY = window.pageYOffset;
}
else if (document.body && (document.body.scrollLeft || document.body.scrollTop))
{
//DOM compliant
scrollX = document.body.scrollLeft;
scrollY = document.body.scrollTop;
}
else if (document.documentElement && (document.documentElement.scrollLeft || document.documentElement.scrollTop))
{
//IE6 standards compliant mode
scrollX = document.documentElement.scrollLeft;
scrollY = document.documentElement.scrollTop;
}
if (typeof(window.innerWidth) == 'number')
{
//Non-IE
width = window.innerWidth;
height = window.innerHeight;
}
else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight))
{
//IE 6+ in 'standards compliant mode'
width = document.documentElement.clientWidth;
height = document.documentElement.clientHeight;
}
else if (document.body && (document.body.clientWidth || document.body.clientHeight))
{
//IE 4 compatible
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;
}
Wo_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;
}
Wo_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;
}
Wo_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';
// retrieve the window info
this._lastWindowInfo = this._getWindowInfo();
this._modalAnimationMask.style.display = 'block';
// width/height of panel
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';
// detect and hide select boxes
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;
}
Wo_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;
}
catch (err)
{
}
var windowInfo = this._getWindowInfo();
if (windowInfo.ScrollX != this._lastWindowInfo.ScrollX || windowInfo.ScrollY != this._lastWindowInfo.ScrollY || windowInfo.Width != this._lastWindowInfo.Width || windowInfo.Height != this._lastWindowInfo.Height)
this.Open(null, this._lastModalInfo.Width, this._lastModalInfo.Height, this._lastModalInfo.OnCloseFunction, this._lastModalInfo.X, this._lastModalInfo.Y, true);
else
this._checkForScrollResizeHandle = window.setTimeout(new Function('window.' + this._variableName + '._checkForScrollResize();'), 999);
}
}
Wo_Modal.Close = function(returnValue)
{
if (this._isShown)
{
if (!this._initialized)
this._initialize();
this._modal.style.position = 'absolute';
this._modal.style.display = 'none';
this._modalAnimationMask.style.position = 'absolute';
this._modalAnimationMask.style.display = 'none';
this._modalMask.style.position = 'absolute';
this._modalMask.style.display = 'none';
this._modalIframe.src = this.LoadingHtmlUrl;
var onCloseFunction = this._lastModalInfo.OnCloseFunction;
this._isShown = false;
this._lastModalInfo = null;
this._windowInfo = null;
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 (onCloseFunction)
onCloseFunction(returnValue);
this.Dispose();
}
}
Wo_Modal.Refresh = function()
{
if (this._animationHandle)
window.clearTimeout(this._animationHandle);
this.Dispose();
if (this._isShown && this._lastModalInfo)
this.Open(this._lastModalInfo.Url, this._lastModalInfo.Width, this._lastModalInfo.OnCloseFunction, this._lastModalInfo.Height, this._lastModalInfo.OnCloseFunction, this._lastModalInfo.X, this._lastModalInfo.Y);
}
Wo_Modal._initialize = function()
{
this._modalMask = document.createElement('div');
this._modalMask.style.width = 'auto';
this._modalMask.style.height = 'auto';
this._modalMask.style.position = 'absolute';
this._modalMask.style.display = 'none';
var mm = this._modalMask;
if (this.WindowMaskCssClasses.length > 0)
{
mm.className = this.WindowMaskCssClasses[0];
for (var i = 1; i < this.WindowMaskCssClasses.length; i++)
{
mm.appendChild(document.createElement('div'));
mm = mm.childNodes[0];
mm.className = this.WindowMaskCssClasses[i];
mm.style.width = 'auto';
mm.style.height = 'auto';
}
}
document.body.appendChild(this._modalMask);
this._modalAnimationMask = document.createElement('div');
this._modalAnimationMask.style.position = 'absolute';
this._modalAnimationMask.style.display = 'none';
this._modalAnimationMask.style.overflow = 'hidden';
this._modal = document.createElement('div');
this._modal.style.width = 'auto';
this._modal.style.height = 'auto';
this._modal.style.position = 'absolute';
this._modal.style.display = 'none';
var m = this._modal;
if (this.WindowCssClasses.length > 0)
{
m.className = this.WindowCssClasses[0];
for (var i = 1; i < this.WindowCssClasses.length; i++)
{
m.appendChild(document.createElement('div'));
m = m.childNodes[0];
m.className = this.WindowCssClasses[i];
m.style.width = 'auto';
m.style.height = 'auto';
}
}
this._modalTitle = document.createElement('div');
m.appendChild(this._modalTitle);
if (this.WindowTitleCssClasses.length > 0)
{
this._modalTitle.className = this.WindowTitleCssClasses[0];
for (var i = 1; i < this.WindowTitleCssClasses.length; i++)
{
this._modalTitle.appendChild(document.createElement('div'));
this._modalTitle = this._modalTitle.childNodes[0];
this._modalTitle.className = this.WindowTitleCssClasses[i];
}
}
this._modalTitle.onmousedown = new Function('event', 'window.' + this._variableName + '._startDrag(event); return false;');
this._modalClose = document.createElement('div');
this._modalTitle.appendChild(this._modalClose);
var mc = this._modalClose;
if (this.WindowCloseCssClasses.length > 0)
{
mc.className = this.WindowCloseCssClasses[0];
for (var i = 1; i < this.WindowCloseCssClasses.length; i++)
{
mc.appendChild(document.createElement('div'));
mc = mc.childNodes[0];
mc.className = this.WindowCloseCssClasses[i];
}
}
this._modalClose.onclick = new Function('window.' + this._variableName + '.Close();');
this._modalTitle.appendChild(document.createElement('span'));
var e = document.createElement('div');
e.style.clear = 'both';
this._modalTitle.appendChild(e);
this._modalContent = document.createElement('div');
m.appendChild(this._modalContent);
if (this.WindowContentCssClasses.length > 0)
{
this._modalContent.className = this.WindowContentCssClasses[0];
for (var i = 1; i < this.WindowContentCssClasses.length; i++)
{
this._modalContent.appendChild(document.createElement('div'));
this._modalContent = this._modalContent.childNodes[0];
this._modalContent.className = this.WindowContentCssClasses[i];
}
}
this._modalIframe = document.createElement('iframe');
this._modalIframe.src = this.LoadingHtmlUrl;
this._modalIframe.width = '100%';
this._modalIframe.border = '0';
this._modalIframe.frameBorder = 'no';
this._modalIframe.style.borderLeftWidth = '0px';
this._modalIframe.style.borderRightWidth = '0px';
this._modalIframe.style.borderTopWidth = '0px';
this._modalIframe.style.borderBottomWidth = '0px';
this._modalContent.appendChild(this._modalIframe);
this._modalFooter = document.createElement('div');
m.appendChild(this._modalFooter);
var mf = this._modalFooter;
if (this.WindowFooterCssClasses.length > 0)
{
mf.className = this.WindowFooterCssClasses[0];
for (var i = 1; i < this.WindowFooterCssClasses.length; i++)
{
mf.appendChild(document.createElement('div'));
mf = mf.childNodes[0];
mf.className = this.WindowFooterCssClasses[i];
}
}
this._modalResize = document.createElement('div');
mf.appendChild(this._modalResize);
var e = document.createElement('div');
e.style.clear = 'both';
mf.appendChild(e);
var mr = this._modalResize;
if (this.WindowResizeCssClasses.length > 0)
{
mr.className = this.WindowResizeCssClasses[0];
for (var i = 1; i < this.WindowResizeCssClasses.length; i++)
{
mr.appendChild(document.createElement('div'));
mr = mr.childNodes[0];
mr.className = this.WindowResizeCssClasses[i];
}
}
this._modalResize.onmousedown = new Function('event', 'window.' + this._variableName + '._startResize(event); return false;');
this._modalAnimationMask.appendChild(this._modal);
document.body.appendChild(this._modalAnimationMask);
this._initialized = true;
}
Wo_Modal.Dispose = function()
{
if (this._initialized)
{
if (this._animationHandle)
window.clearTimeout(this._animationHandle);
this._isShown = false;
this._isOpening = false;
if (document && document.body)
{
document.body.removeChild(this._modalAnimationMask);
document.body.removeChild(this._modalMask);
this._modalClose.onclick = null;
this._modalTitle.onmousedown = null;
this._modalResize.onmousedown = null;
this._modal = null;
this._modalTitle = null;
this._modalClose = null;
this._modalAnimationMask = null;
this._modalMask = null;
this._modalIframe = null;
this._modalResize = null;
this._modalFooter = null;
this._modalContent = null;
}
this._initialized = false;
}
}
Wo_Modal._animate = function(targetValue, nextValue, step, acceleration)
{
if (this._animationHandle)
window.clearTimeout(this._animationHandle);
if (!this._isOpening)
return;
var currValue = parseInt(this._modal.style.top, 10);
if ((step < 0 && currValue < targetValue) || (step > 0 && currValue > targetValue) || Math.abs(step) < 1)
{
// complete
if (this._hiddenSelects)
{
for (var i = 0; i < this._hiddenSelects.length; i++)
this._hiddenSelects[i].Element.style.visibility = 'hidden';
}
this._modal.style.top = targetValue + 'px';
this._modal.style.position = 'static';
this._modalAnimationMask.style.overflow = 'visible';
this._animationHandle = null;
if (!this._isResizing && !this._isDragging)
this._modalIframe.style.display = 'block';
this._isOpening = false;
this._lastWindowInfo = this._getWindowInfo();
this._checkForScrollResizeHandle = window.setTimeout(new Function('window.' + this._variableName + '._checkForScrollResize();'), 999);
}
else
{
// continue animation
this._modal.style.top = nextValue + 'px';
nextValue = nextValue + step;
if (step > 0 && nextValue > targetValue)
nextValue = targetValue;
else if (step < 0 && nextValue < targetValue)
nextValue = targetValue;
step = step * acceleration;
this._animationHandle = window.setTimeout(new Function(this._variableName + '._animate(' + targetValue + ',' + nextValue + ',' + step + ',' + acceleration + ');'), 19);
}
}
Wo_Modal._startDrag = function(event)
{
if (!this._initialized)
this._initialize();
if (!event)
event = window.event;
this._moveModalInfo = new Object();
this._moveModalInfo.StartMouseX = event.pageX ? event.pageX : event.screenX;
this._moveModalInfo.StartMouseY = event.pageY ? event.pageY : event.screenY;
this._moveModalInfo.StartModalX = this._lastModalInfo.X;
this._moveModalInfo.StartModalY = this._lastModalInfo.Y;
this._moveModalInfo.Button = event.button;
document.onmouseup = new Function('event', 'window.' + this._variableName + '._endDrag(event); return false;');
document.onmousemove = new Function('event', 'window.' + this._variableName + '._drag(event); return false;');
this._modalIframe.style.display = 'none';
this._isDragging = true;
}
Wo_Modal._endDrag = function(event)
{
if (!this._initialized)
this._initialize();
this._isDragging = false;
this._moveModalInfo = null;
document.onmouseup = null;
document.onmousemove = null;
this._modalIframe.style.display = 'block';
}
Wo_Modal._drag = function(event)
{
if (!this._initialized)
this._initialize();
if (!event)
event = window.event;
if (event.button != this._moveModalInfo.Button)
{
this._endDrag(event);
return;
}
var eventX = typeof(event.pageX) != 'undefined' ? event.pageX : event.screenX;
var eventY = typeof(event.pageY) != 'undefined' ? event.pageY : event.screenY;
var xChange = eventX - this._moveModalInfo.StartMouseX;
var yChange = eventY - this._moveModalInfo.StartMouseY;
this.Open(null, this._lastModalInfo.Width, this._lastModalInfo.Height, this._lastModalInfo.OnCloseFunction, this._moveModalInfo.StartModalX + xChange, this._moveModalInfo.StartModalY + yChange, true);
}
Wo_Modal._startResize = function(event)
{
if (!this._initialized)
this._initialize();
if (!event)
event = window.event;
this._resizeModalInfo = new Object();
this._resizeModalInfo.StartMouseX = event.pageX ? event.pageX : event.screenX;
this._resizeModalInfo.StartMouseY = event.pageY ? event.pageY : event.screenY;
this._resizeModalInfo.StartModalWidth = this._lastModalInfo.Width;
this._resizeModalInfo.StartModalHeight = this._lastModalInfo.Height;
this._resizeModalInfo.Button = event.button;
document.onmouseup = new Function('event', 'window.' + this._variableName + '._endResize(event); return false;');
document.onmousemove = new Function('event', 'window.' + this._variableName + '._resize(event); return false;');
this._modalIframe.style.display = 'none';
this._isResizing = true;
}
Wo_Modal._endResize = function(event)
{
if (!this._initialized)
this._initialize();
this._isResizing = false;
this._resizeModalInfo = null;
document.onmouseup = null;
document.onmousemove = null;
this._modalIframe.style.display = 'block';
}
Wo_Modal._resize = function(event)
{
if (!this._initialized)
this._initialize();
if (!event)
event = window.event;
if (event.button != this._resizeModalInfo.Button)
{
this._endResize(event);
return;
}
var eventX = typeof(event.pageX) != 'undefined' ? event.pageX : event.screenX;
var eventY = typeof(event.pageY) != 'undefined' ? event.pageY : event.screenY;
var xChange = eventX - this._resizeModalInfo.StartMouseX;
var yChange = eventY - this._resizeModalInfo.StartMouseY;
this.Open(null, this._resizeModalInfo.StartModalWidth + xChange, this._resizeModalInfo.StartModalHeight + yChange, this._lastModalInfo.OnCloseFunction, this._lastModalInfo.X, this._lastModalInfo.Y, true);
}
Wo_Modal.Configure('Utility/loading.htm',['CommonModal'],['CommonModalTitle'],['CommonModalClose'],['CommonModalContent'],['CommonModalFooter'],['CommonModalResize'],['CommonModalMask'],100);
相关推荐
在这个“html5+css3弹出输入框”的示例中,我们将深入探讨如何利用这两项技术创建一个美观且实用的弹出输入框,特别是在登录注册场景中的应用。 首先,HTML5引入了许多新的元素和API,如`<dialog>`元素,它用于创建...
4. **错误处理**:如果用户输入不符合要求,例如,密码太短或包含非法字符,弹出框可能会展示错误信息,并允许用户重新输入。 5. **用户体验**:考虑到密码输入的敏感性,修改后的`prompt`方法可能还包含了其他UX...
2. **研究触发和关闭机制**:查看触发弹出输入框和关闭它的代码逻辑。 3. **研究布局和样式**:查看布局文件,了解如何定义输入框、按钮等元素的位置和样式。 4. **实现输入验证**:尝试修改代码,添加新的输入验证...
在网页开发中,自定义弹出对话框或输入框是常见的需求,这通常涉及到HTML、CSS和JavaScript的综合运用。本文将深入探讨如何利用这三种技术来创建具有拖拽功能的自定义弹出窗口。 首先,HTML(HyperText Markup ...
在本文中,我们主要介绍如何使用JavaScript技术实现一个功能,即当用户点击输入框时,会弹出一个窗体供用户选择信息。这个过程涉及到了JavaScript的基本语法、DOM操作、事件处理以及简单的样式应用等知识点。 首先...
本文将详细讲解如何利用jQuery实现弹出键盘输入框的代码,尤其适用于登录场景,使得用户在触屏设备上无需依赖系统键盘也能进行输入。 首先,我们需要明白在网页中创建自定义键盘输入框的核心思想是模拟物理键盘,...
本教程将详细讲解如何利用jQuery实现一个功能:当用户点击输入框时,弹出一个层(通常是遮罩或对话框)以辅助用户填入信息。 首先,我们需要理解“弹出层”或“对话框”的概念。在网页中,弹出层通常是一个浮动的...
在JavaScript编程中,实现单击输入框弹出选择框效果是一种常见的交互设计,它能够提升用户体验,让用户在输入时能够方便地从预设的选项中选取。本文将深入讲解如何利用JavaScript来创建这样一个功能。 首先,我们...
接着,`js/keyboard.js`是JavaScript代码,其中包含了使用jQuery处理事件和操作DOM的逻辑。这个文件可能会包含如下内容: ```javascript $(document).ready(function() { $("#showKeyboard").click(function() { ...
综上所述,"点击输入框弹出时间选择特效代码"涉及到前端开发中的多个技术点,包括JavaScript事件处理、CSS样式设计、UI组件开发、响应式设计、无障碍性以及数据格式化等。通过合理运用这些技术,可以为用户提供更加...
本文主要介绍了使用 JS+CSS 实现单击输入框弹出选择框的方法,通过实例分析了 JavaScript 操作 select 及 button 的操作技巧,具有肯定参考借鉴价值。 首先,我们来了解一下技术背景,JS+CSS 是现在网站开发中最...
本篇将详细讲解如何利用JavaScript实现这样的功能,特别是针对“弹出框控件日期输入框控件单击文本框自动弹出”的代码实现。 首先,我们需要一个HTML结构,包含一个文本框(`<input type="text">`)用于触发日期...
这篇文章主要向读者介绍了一个使用JavaScript实现的弹出层输入框功能的示例代码。通过这个示例,开发者可以了解到如何利用JavaScript、CSS以及HTML来创建一个具有自定义外观和拖动功能的弹出层。 首先,示例代码...
该函数首先获取当前table的行数,如果行数大于1,则删除最后一行,否则弹出警告信息。 * getOptionCount函数用于获取当前table中的行数。 通过这些函数,我们可以实现动态插入删除输入框的功能。 五、总结 本文...
在网页设计和开发中,有时候我们需要为用户提供更加交互式的体验,比如当用户点击一个input输入框时,弹出一个选择层来供用户选择。这样的功能通常用于下拉菜单、日期选择器或者选项列表等场景。在这个案例中,我们...
本资源"安卓键盘输入相关-此功能类似于QQ或者微信的输入框当输入框获取焦点时输入法弹出输入框自动上移并且正好保持在输入法的上面.rar"提供了一个实现特定键盘输入效果的方法,即当输入框获取焦点时,输入法弹出,...
在JavaScript(JS)的帮助下,我们可以创建动态、响应式的登录弹出框,提升用户体验。本资源"登录弹出框JS网页特效"很可能是提供了一种实现这种效果的方法。 首先,我们来了解登录弹出框的基本构成。一个登录弹出框...
标题提到的"js弹出对话框源代码下载",是指使用JavaScript实现的一种常见网页交互功能——弹出对话框。对话框通常用于向用户显示警告、确认信息或获取用户输入。在网页中,我们常见的对话框有alert()、prompt()和...
以下是一段基于Vue.js框架结合Element UI组件库实现的具体代码示例: ```javascript ref="confirmPassword" v-if="hackConfirmPassword" :show-password="showConfirmPassword" @input="(value) => { ...