首页->控件应用->漂亮实用的自定义对话框源码及Demo>>Com.EEShou.Www.TreeControl/obj/Release/Com.EEShou.Www.TreeControl.js.TreeControlsDialogBox.js>>源码在线查看
温馨提示:代码在线浏览功能只能做为源码浏览参考,如果想更进一步了解该代码请下载:漂亮实用的自定义对话框源码及Demo
当前文件:
DialogExample/Com.EEShou.Www.TreeControl/obj/Release/Com.EEShou.Www.TreeControl.js.TreeControlsDialogBox.js[5K,2009-6-12 11:38:49],打开代码结构图
DialogExample/Com.EEShou.Www.TreeControl/obj/Release/Com.EEShou.Www.TreeControl.js.TreeControlsDialogBox.js[5K,2009-6-12 11:38:49],打开代码结构图1///////////////////////////////////////////////////////////////////// 2
//// //// 3
//// TreeDialogBoxControls //// 4
//// Namespace: TreeControls.js.TreeControlsDialogBox.js //// 5
//// CreateName: Tree //// 6
//// Email: treeyh@126.com //// 7
//// Version: 1.0 bate3 //// 8
//// CreateDate: 2007-5-18 //// 9
//// //// 10
///////////////////////////////////////////////////////////////////// 11
12
13
/* 14
Remark: 1 : document.documentElement.offsetWidth - document.body.clientWidth = scroll.width; 15
*/ 16
17
/*ShowPage*/ 18
function TreeDialogBoxShowMsg(_sMsg) 19
{ 20
TreeControls_ShowBackGround(); 21
22
TreeDialogBox$('TreeDialogBoxTable_Table_MsgTd').innerHTML = "<lable id='TreeDialogBoxTable_Table_MsgLb' name='TreeDialogBoxTable_Table_MsgLb'>"+_sMsg+"</lable>"; 23
24
var selectControls = document.getElementsByTagName("select"); 25
for(var i=0;i<selectControls.length;i++) 26
{ 27
selectControls[i]['style']['visibility']="hidden"; 28
} 29
30
var obackGround = TreeDialogBox$('TreeOverlayBackgroundDiv'); 31
32
obackGround.style.display="block"; 33
obackGround.style.height = TreeDocumentHeight(); 34
obackGround.style.width = TreeDocumentWidth(); 35
36
TreeDialogBox$('TreeDialogBoxDiv')['style']['display']="block"; 37
38
TreeDialogBoxmiddle("TreeDialogBoxDiv"); 39
40
iTree_DialogBox_scrolltop = parseInt(document.body.scrollTop); 41
iTree_DialogBox_scrollleft = parseInt(document.body.scrollLeft); 42
} 43
44
/*HiddenMsg*/ 45
function TreeDialogBoxHiddenMsg() 46
{ 47
TreeDialogBox$('TreeOverlayBackgroundDiv')['style']['display']="none"; 48
TreeDialogBox$('TreeDialogBoxDiv')['style']['display']="none"; 49
50
window.onscroll = null; 51
52
var selectControls = document.getElementsByTagName("select"); 53
for(var i=0;i<selectControls.length;i++) 54
{ 55
selectControls[i]['style']['visibility']="visible"; 56
} 57
} 58
59
/*window.onscroll*/ 60
function TreeDialogBoxOnscroll() 61
{ 62
var t = document.body.scrollTop; 63
var l = document.body.scrollLeft; 64
var oDialogBoxDiv = TreeDialogBox$('TreeDialogBoxDiv'); 65
66
oDialogBoxDiv.style.top = parseInt(oDialogBoxDiv.style.top) + (t - iTree_DialogBox_scrolltop); 67
oDialogBoxDiv.style.left = parseInt(oDialogBoxDiv.style.top) + (l - iTree_DialogBox_scrollleft); 68
} 69
70
/*Msgmiddle*/ 71
function TreeDialogBoxmiddle(_sId) 72
{ 73
var sClientWidth = parseInt(TreeClientWidth()); 74
var sClientHeight = parseInt(TreeClientHeight()); 75
var sScrollTop = document.documentElement.scrollTop; 76
77
//alert(sClientWidth+";" + sClientHeight); 78
79
TreeDialogBox$(_sId)['style']['position'] = "absolute"; 80
TreeDialogBox$(_sId)['style']['left'] = ((sClientWidth / 2) - 400/2)+"px"; 81
82
//alert(TreeDialogBox$(_sId)['style']['left']); 83
84
var sTop = (sClientHeight / 2) - 206 / 2; 85
TreeDialogBox$(_sId)['style']['top'] = (sScrollTop > 0 ? ((sClientHeight / 2) - 206 / 2 + sScrollTop) : sTop )+"px"; 86
} 87
88
/*MoveTreeDialogBox*/ 89
function TreeDialogBoxmoveStart(event) 90
{ 91
var oTreeDialogBox = TreeDialogBox$('TreeDialogBoxDiv'); 92
93
var oTreeDialogBoxTop = TreeDialogBox$('TreeDialogBoxDiv').style.top; 94
var oTreeDialogBoxLeft = TreeDialogBox$('TreeDialogBoxDiv').style.left; 95
96
var tempx = event.clientX + document.body.scrollLeft; 97
var tempy = event.clientY + document.body.scrollTop; 98
99
iTree_DialogBox_excursionX = parseInt(tempx) - parseInt(oTreeDialogBoxLeft); 100
iTree_DialogBox_excursionY = parseInt(tempy) - parseInt(oTreeDialogBoxTop); 101
102
oTreeDialogBox.setCapture(); 103
oTreeDialogBox.onmousemove = TreeDialogBoxmousemove; 104
oTreeDialogBox.onmouseup = TreeDialogBoxMouseup; 105
} 106
107
function TreeDialogBoxmousemove() 108
{ 109
var oEvent = window.event ? window.event : event; 110
var tempmousex = event.clientX + document.body.scrollLeft; 111
var tempmousey = event.clientY + document.body.scrollTop; 112
113
TreeDialogBox$("TreeDialogBoxDiv").style.top = parseInt(tempmousey) - iTree_DialogBox_excursionY; 114
TreeDialogBox$("TreeDialogBoxDiv").style.left = parseInt(tempmousex) - iTree_DialogBox_excursionX; 115
} 116
117
/*MoveTreeDialogBox*/ 118
function TreeDialogBoxMouseup() 119
{ 120
var oTreeDialogBox = TreeDialogBox$("TreeDialogBoxDiv"); 121
var iDialogBoxTop = parseInt(oTreeDialogBox.style.top); 122
var iDialogBoxLeft = parseInt(oTreeDialogBox.style.left); 123
124
if(iDialogBoxTop < 0) 125
{ 126
oTreeDialogBox.style.top = 0; 127
} 128
else if(iDialogBoxTop > iTree_DialogBox_MoveMaxHeight-2) 129
{ 130
oTreeDialogBox.style.top = iTree_DialogBox_MoveMaxHeight-2; 131
} 132
133
if(iDialogBoxLeft < 0 ) 134
{ 135
oTreeDialogBox.style.left = 0; 136
} 137
else if(iDialogBoxLeft > iTree_DialogBox_MoveMaxWidth) 138
{ 139
oTreeDialogBox.style.left = iTree_DialogBox_MoveMaxWidth; 140
} 141
142
oTreeDialogBox.releaseCapture(); 143
oTreeDialogBox.onmousemove = null; 144
oTreeDialogBox.onmouseup = null; 145
} 146
147
148
/*PromptModeText*/ 149
function TreeDialogBoxInputTextOnFocus(inputtext) 150
{ 151
if(inputtext.value == inputtext.defaultValue) 152
{ 153
inputtext.value = ""; 154
inputtext.select(); 155
} 156
} 157
158
function TreeDialogBoxInputTextOnBlur(inputtext) 159
{ 160
if(inputtext.value == "") 161
{ 162
inputtext.value = inputtext.defaultValue; 163
} 164
}





Remark: 1 : document.documentElement.offsetWidth - document.body.clientWidth = scroll.width;


}