Asp.net源码专业站
首页->控件应用->漂亮实用的自定义对话框源码及Demo>>Com.EEShou.Www.TreeControl/obj/Release/Com.EEShou.Www.TreeControl.js.TreeControlsDialogBox.js>>源码在线查看
温馨提示:代码在线浏览功能只能做为源码浏览参考,如果想更进一步了解该代码请下载:漂亮实用的自定义对话框源码及Demo
普通视图
		            
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/* 14Remark: 1 : document.documentElement.offsetWidth - document.body.clientWidth = scroll.width; 15*/ 16 17/*ShowPage*/ 18function 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*/ 45function 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*/ 60function 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*/ 71function 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*/ 89function 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 107function 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*/ 118function 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*/ 149function TreeDialogBoxInputTextOnFocus(inputtext) 150{ 151 if(inputtext.value == inputtext.defaultValue) 152 { 153 inputtext.value = ""; 154 inputtext.select(); 155 } 156} 157 158function TreeDialogBoxInputTextOnBlur(inputtext) 159{ 160 if(inputtext.value == "") 161 { 162 inputtext.value = inputtext.defaultValue; 163 } 164}
还没有找到您心仪的内容?请用.net源码大搜捕
代码片断 打包下载该项目完整源码:漂亮实用的自定义对话框源码及Demo
51Aspx.com 版权所有 CopyRight © 2006-2010. 京ICP备06046876号 本站法律顾问:ITlaw-庄毅雄律师
返回顶部
客户服务:点击这里进行客户咨询 业务合作:点击这里洽谈业务合作 合作热线:010-68880146