开通博客赚积分
发布资源赚积分
分类

源码开发语言/平台
当前位置：首页 > 源码/资料 > Internet/网络编程 > xml/soap/webservice > 查看源码
CsdnDialog.js
资源名称：dom4jxml.rar　[点击查看]
上传用户：andy18
上传日期：2022-05-22
资源大小：83k
文件大小：17k
源码类别：

xml/soap/webservice

开发平台：

Java

CsdnDialog.js：源码内容
  1. /*//
  2. 标题:对话框
  3. 设计:ZswangY37
  4. 版权:CSDN.NET
  5. 版本:2008103101
  6. //*/
  8. var globalZIndex = 1001; // 对话框层次
  9. var nonepng = (/(msie)s*(d+(.d+)?)/i).exec(navigator.userAgent) && parseFloat(RegExp.$2) < 7; // 不能显示png
  10. //var imagePath = "images/"; // 图片路径
  11. var imagePath = "http://blog.csdn.net/images/logindialog/"; // 图片路径
  13. /// <summary>
  14. /// 查询IE元素
  15. /// </summary>
  16. /// <param name="id">元素id</param>
  17. /// <returns>返回id对应的网页元素</returns>
  18. /// function $(id) { return document.getElementById(id); }
  20. /// <summary>
  21. /// 添加事件
  22. /// </summary>
  23. /// <param name="target">载体</param>
  24. /// <param name="type">事件类型</param>
  25. /// <param name="func">事件函数</param>
  26. function addEventHandler(target, type, func) {
  27.     if (target.addEventListener)
  28.         target.addEventListener(type, func, false);
  29.     else if (target.attachEvent)
  30.         target.attachEvent("on" + type, func);
  31.     else target["on" + type] = func;
  32. }
  34. /// <summary>
  35. /// 获得HTML元素当前的样式
  36. /// </summary>
  37. /// <param name="element">HTML元素</param>
  38. function currentStyle(element) {
  39.     return element.currentStyle || document.defaultView.getComputedStyle(element, null);
  40. }
  42. /// <summary>
  43. /// 移除事件
  44. /// </summary>
  45. /// <param name="target">载体</param>
  46. /// <param name="type">事件类型</param>
  47. /// <param name="func">事件函数</param>
  48. function removeEventHandler(target, type, func) {
  49.     if (target.removeEventListener)
  50.         target.removeEventListener(type, func, false);
  51.     else if (target.detachEvent)
  52.         target.detachEvent("on" + type, func);
  53.     else delete target["on" + type];
  54. }
  56. /// <summary>
  57. /// 构造拖拽引擎
  58. /// </summary>
  59. /// <param name="target">拖拽元素</param>
  60. /// <param name="drag">移动元素</param>
  61. /// <parem name="bounds">拖拽范围 left: 左边界 right: 右边界 top: 上边界 bottom: 下边界 (-1 表示不限制)
  62. function DragEngine(target, drag, bounds) {
  63.     this.target = target;
  64.     this.drag = typeof drag != "undefined" ? drag : traget;
  65.     this.drag.style.position = "absolute";
  66.     this.downPoint = {}; // 鼠标按下的坐标
  67.     this.offset = {
  68.         x: parseInt(currentStyle(this.drag).marginLeft) || 0,
  69.         y: parseInt(currentStyle(this.drag).marginTop) || 0
  70.     };
  71.     this.bounds = typeof bounds != "undefined" ? bounds : { left: 0, top: 0, right: -1, bottom: -1 };
  72.     var dragEngine = this;
  73.     this.documentMousemove = function(e) {
  74.         if (window.getSelection)
  75.             getSelection().removeAllRanges();
  76.         else if (document.selection && document.selection.empty)
  77.             document.selection.empty();
  78.         var left = e.clientX - dragEngine.downPoint.x + dragEngine.offset.x;
  79.         var top = e.clientY - dragEngine.downPoint.y + dragEngine.offset.y;
  80.         if (parseInt(dragEngine.bounds.right) >= 0)
  81.             left = Math.min(left, dragEngine.bounds.right - dragEngine.drag.offsetWidth);
  82.         if (parseInt(dragEngine.bounds.bottom) >= 0)
  83.             top = Math.min(top, dragEngine.bounds.bottom - dragEngine.drag.offsetHeight);
  84.         if (parseInt(dragEngine.bounds.left) >= 0)
  85.             left = Math.max(left, dragEngine.bounds.left);
  86.         if (parseInt(dragEngine.bounds.top) >= 0)
  87.             top = Math.max(top, dragEngine.bounds.top);
  88.         dragEngine.drag.style.left = left + "px";
  89.         dragEngine.drag.style.top = top + "px";
  90.         if (typeof dragEngine.onmove == "function") dragEngine.onmove(dragEngine);
  91.     };
  92.     this.documentMouseup = function(e) {
  93.         var iframes = dragEngine.drag.getElementsByTagName("iframe");
  94.         for (var i = 0; i < iframes.length; i++) {
  95.             iframes[i].style.display = "";
  96.             //removeEventHandler(iframes[i], "mouseover", dragEngine.documentMouseup);
  97.         }
  98.         removeEventHandler(document, "mousemove", dragEngine.documentMousemove);
  99.         removeEventHandler(document, "mouseup", dragEngine.documentMouseup);
  100.         removeEventHandler(dragEngine.target, "losecapture", dragEngine.documentMouseup);
  101.         if (dragEngine.target.releaseCapture) dragEngine.target.releaseCapture();
  102.         removeEventHandler(window, "blur", dragEngine.documentMouseup);
  103.         if (typeof dragEngine.onstop == "function") dragEngine.onstop(dragEngine);
  104.     };
  105.     this.targetMousedown = function(e) {
  106.         // which: 1 == left; 2 == middle; 3 == right
  107.         if (!e.which && e.button)
  108.             e.which = e.button & 1 ? 1 : (e.button & 2 ? 3 : (e.button & 4 ? 2 : 0));
  109.         if (e.which != 1) return;
  110.         var iframes = dragEngine.drag.getElementsByTagName("iframe");
  111.         for (var i = 0; i < iframes.length; i++) {
  112.             iframes[i].style.display = "none";
  113.             //addEventHandler(iframes[i], "mouseover", dragEngine.documentMouseup);
  114.         }
  116.         dragEngine.downPoint.x = e.clientX - dragEngine.drag.offsetLeft;
  117.         dragEngine.downPoint.y = e.clientY - dragEngine.drag.offsetTop;
  118.         addEventHandler(document, "mousemove", dragEngine.documentMousemove);
  119.         addEventHandler(document, "mouseup", dragEngine.documentMouseup);
  120.         addEventHandler(dragEngine.target, "losecapture", dragEngine.documentMouseup);
  121.         if (dragEngine.target.setCapture) dragEngine.target.setCapture();
  122.         addEventHandler(window, "blur", dragEngine.documentMouseup);
  123.         if (e.preventDefault) e.preventDefault();
  124.         if (typeof dragEngine.onstart == "function") dragEngine.onstart(dragEngine);
  125.     };
  126.     addEventHandler(this.target, "mousedown", this.targetMousedown);
  127. }
  129. /// <summary>
  130. /// 释放拖拽引擎
  131. /// </summary>
  132. DragEngine.prototype.dispose = function() {
  133.     removeEventHandler(this.target, "mousedown", this.targetMousedown);
  134. }
  136. /// <summary>
  137. /// 获取文档的边界信息
  138. /// </summary>
  139. function getDocumentBounds() {
  140.     if (document.documentElement && document.compatMode == "CSS1Compat") {
  141.         return {
  142.             st: document.documentElement.scrollTop,
  143.             sl: document.documentElement.scrollLeft,
  144.             sw: document.documentElement.scrollWidth,
  145.             sh: document.documentElement.scrollHeight,
  146.             cw: document.documentElement.clientWidth,
  147.             ch: document.documentElement.clientHeight
  148.         }
  149.     } else if (document.body) {
  150.         return {
  151.             st: document.body.scrollTop,
  152.             sl: document.body.scrollLeft,
  153.             sw: document.body.scrollWidth,
  154.             sh: document.body.scrollHeight,
  155.             cw: document.body.clientWidth,
  156.             ch: document.body.clientHeight
  157.         }
  158.     }
  159. }
  161. function CsdnDialog(title, left, top, width, height, closefree, fixup) {
  162. this.closefree = closefree;
  163. this.div_dialog = document.createElement("div");
  164. this.div_dialog.style.textAlign = "left";
  165. this.div_dialog.style.display = "none";
  166. this.div_dialog.style.position = "absolute";
  167. this.div_dialog.style.borderStyle = "none";
  168. this.div_dialog.style.borderWidth = "0px";
  169. this.div_dialog.style.zIndex = globalZIndex;
  170. this.edgeWidth = 25; // 边宽
  171. document.body.appendChild(this.div_dialog);
  173. this.table_dialog = document.createElement("table");
  174. this.table_dialog.cellPadding = "0px";
  175. this.table_dialog.cellSpacing = "0px";
  176. this.div_dialog.appendChild(this.table_dialog);
  178. this.tr_top = this.table_dialog.insertRow(-1);
  179. this.tr_top.style.height = "40px";
  181. this.tr_middle = this.table_dialog.insertRow(-1);
  183. this.tr_bottom = this.table_dialog.insertRow(-1);
  184. this.tr_bottom.style.height = "25px";
  186. this.td_top_left = this.tr_top.insertCell(-1);
  187. this.td_top_left.style.backgroundImage = "url(" + imagePath + "corner.png)";
  188. this.td_top_left.style.backgroundPosition = "0px -100px";
  189. this.td_top_left.style.backgroundRepeat = "no-repeat";
  190. this.td_top_left.style.width = this.edgeWidth + "px";
  192. /*
  193. this.img_icon = document.createElement("img");
  194. this.img_icon.src = imagePath + "icon.gif";
  195. this.img_icon.style.marginTop = "10px";
  196. this.img_icon.style.marginLeft = "17px";
  197. this.td_top_left.appendChild(this.img_icon);
  198. */
  200. this.td_top_center = this.tr_top.insertCell(-1);
  202. this.td_top_center.style.backgroundImage = "url(" + imagePath + "vertical.png)";
  203. this.td_top_center.style.width = (width - this.edgeWidth * 2) + "px";
  204. this.td_top_center.style.backgroundPosition = "0px -100px";
  205. this.td_top_center.style.backgroundRepeat = "repeat-x";
  207. this.div_title = document.createElement("div");
  208. this.div_title.style.styleFloat = "left";
  209. this.div_title.style.cssFloat = "left";
  210. this.div_title.style.fontWeight = "bold";
  212. if (!fixup) {
  213. this.div_title.style.cursor = "move";
  214. this.dragEngine = new DragEngine(this.div_title, this.div_dialog);
  215. }
  216. this.div_title.style.height = "29px";
  217. this.div_title.style.verticalAlign = "middle";
  218. this.div_title.style.lineHeight = "29px";
  219. this.div_title.style.marginTop = "11px";
  220. this.div_title.dialog = this;
  221. this.td_top_center.appendChild(this.div_title);
  223. this.div_close = document.createElement("div");
  224. this.div_close.style.styleFloat = "right";
  225. this.div_close.style.cssFloat = "right";
  226. this.td_top_center.appendChild(this.div_close);
  228. this.img_close = document.createElement("img");
  229. this.img_close.src = imagePath + "blank.gif";
  230. this.img_close.style.backgroundImage = "url(" + imagePath + "closebtn.gif)";
  231. this.img_close.style.width = "44px";
  232. this.img_close.style.height = "19px";
  233. this.img_close.style.backgroundRepeat = "no-repeat";
  234. this.img_close.style.marginTop = "12px";
  235. try {
  236. this.img_close.style.cursor = "pointer";
  237. }
  238. catch (e) {
  239. this.img_close.style.cursor = "hand";
  240. }
  241. this.img_close.onmouseover = function() {
  242. this.hot = true;
  243. this.doChange();
  244. }
  245. this.img_close.onmouseout = function() {
  246. this.down = false;
  247. this.hot = false;
  248. this.doChange();
  249. }
  250. this.img_close.onmousedown = function() {
  251. this.down = true;
  252. this.doChange();
  253. }
  254. this.img_close.onmouseup = function() {
  255. this.down = false;
  256. this.doChange();
  257. }
  258. this.img_close.onclick = function() {
  259. if (!this.dialog) return;
  260. this.dialog.close();
  261. }
  262. this.img_close.dialog = this;
  263. this.img_close.hot = false;
  264. this.img_close.down = false;
  265. this.img_close.doChange = function() {
  266. if (this.disabled)
  267. this.style.backgroundPosition = "-132px 0px";
  268. else if (this.down)
  269. this.style.backgroundPosition = "-88px 0px";
  270. else if (this.hot)
  271. this.style.backgroundPosition = "-44px 0px";
  272. else this.style.backgroundPosition = "0px 0px";
  273. }
  274. this.div_close.appendChild(this.img_close)
  276. this.td_top_right = this.tr_top.insertCell(-1);
  277. this.td_top_right.style.backgroundImage = "url(" + imagePath + "corner.png)";
  278. this.td_top_right.style.backgroundRepeat = "no-repeat";
  279. this.td_top_right.style.backgroundPosition = "-75px -100px";
  280. this.td_top_right.style.width = this.edgeWidth + "px";
  282. this.td_middle_left = this.tr_middle.insertCell(-1);
  283. this.td_middle_left.style.backgroundImage = "url(" + imagePath + "horizontal.png)";
  284. this.td_middle_left.style.backgroundPosition = "-100px 0px";
  285. this.td_middle_left.style.backgroundRepeat = "repeat-y";
  287. this.td_middle_center = this.tr_middle.insertCell(-1);
  288. this.td_middle_center.style.backgroundColor = "White";
  290. this.div_html = document.createElement("div");
  291. this.td_middle_center.appendChild(this.div_html);
  293. this.td_middle_right = this.tr_middle.insertCell(-1);
  294. this.td_middle_right.style.backgroundImage = "url(" + imagePath + "horizontal.png)";
  295. this.td_middle_right.style.backgroundPosition = "-175px 0px";
  296. this.td_middle_right.style.backgroundRepeat = "repeat-y";
  298. this.td_bottom_left = this.tr_bottom.insertCell(-1);
  299. this.td_bottom_left.style.backgroundImage = "url(" + imagePath + "corner.png)";
  300. this.td_bottom_left.style.backgroundRepeat = "no-repeat";
  301. this.td_bottom_left.style.backgroundPosition = "0px -175px";
  303. this.td_bottom_center = this.tr_bottom.insertCell(-1);
  304. this.td_bottom_center.style.backgroundImage = "url(" + imagePath + "vertical.png)";
  305. this.td_bottom_center.style.backgroundPosition = "0px -175px";
  306. this.td_bottom_center.style.backgroundRepeat = "repeat-x";
  308. this.td_bottom_right = this.tr_bottom.insertCell(-1);
  309. this.td_bottom_right.style.backgroundImage = "url(" + imagePath + "corner.png)";
  310. this.td_bottom_right.style.backgroundRepeat = "no-repeat";
  311. this.td_bottom_right.style.backgroundPosition = "-75px -175px";
  312. this.resize(left, top, width, height);
  313. this.setTitle(title);
  314. }
  316. CsdnDialog.prototype.hide = function() {
  317. this.div_dialog.style.display = "none";
  318. }
  320. CsdnDialog.prototype.resize = function(left, top, width, height) {
  321. var bounds = getDocumentBounds();
  322. if (typeof top == "undefined" || top < 0) top = Math.max((bounds.ch - height) / 2 + bounds.st, 10);
  323. if (typeof left == "undefined" || left < 0) left = Math.max((bounds.cw - width) / 2 + bounds.sl, 10);
  324. this.left = left;
  325. this.top = top;
  326. this.width = width;
  327. this.height = height;
  328. this.div_dialog.style.left = this.left + "px";
  329. this.div_dialog.style.top = this.top + "px";
  330. this.div_dialog.style.width = width + "px";
  331. this.div_dialog.style.height = height + "px";
  332. this.table_dialog.style.width = width + "px";
  333. this.table_dialog.style.height = height + "px";
  334. this.tr_middle.style.height = (height - 40 - 25) + "px";
  335. this.td_top_center.style.width = (width - this.edgeWidth * 2) + "px";
  336. this.div_title.style.width = (width - this.edgeWidth * 2 - 50) + "px";
  337. this.td_middle_center.style.height = (height - 40 - 25) + "px";
  338. this.div_html.style.width = (width - this.edgeWidth * 2) + "px";
  339. this.div_html.style.height = (height - 40 - 25) + "px";
  341. if (typeof this.onresize == "function") this.onresize(this);
  342. }
  344. CsdnDialog.prototype.setTitle = function(title) {
  345. if (this.title == title) return;
  346. this.title = title;
  347. this.div_title.innerHTML = title;
  348. }
  350. CsdnDialog.prototype.show = function() {
  351. this.div_dialog.style.left = this.left + "px";
  352. this.div_dialog.style.top = this.top + "px";
  353. this.div_dialog.style.display = "";
  354. this.bodyStyleOverflow = document.body.style.overflowX;
  355. document.body.style.overflowX = "hidden";
  356. if ((/(msie)s*(d+(.d+)?)/i).exec(navigator.userAgent)) {
  357. document.createStyleSheet("javascript:'html{overflow-x:hidden;}'");
  358. document.createStyleSheet().addRule("html", "overflow-x:hidden;");
  359. document.createStyleSheet().addRule("body", "overflow-x:hidden;");
  360. }
  361. }
  363. CsdnDialog.prototype.close = function() {
  364. if (typeof this.onclose == "function") this.onclose(this);
  365. if (typeof (this.closefree) != "undefined" && this.closefree)
  366. this.dispose();
  367. else this.hide();
  368. document.body.style.overflowX = this.bodyStyleOverflow;
  369. if ((/(msie)s*(d+(.d+)?)/i).exec(navigator.userAgent)) {
  370. document.createStyleSheet("javascript:'html{overflow-x:auto;}'");
  371. document.createStyleSheet().addRule("html", "overflow-x:auto;");
  372. document.createStyleSheet().addRule("body", "overflow-x:auto;");
  373. }
  374. }
  376. CsdnDialog.prototype.dispose = function() {
  377. if (typeof this.ondispose == "function") this.ondispose(this);
  378. if (!fixup) this.dragEngine.dispose();
  379. this.td_middle_center.removeChild(this.div_html);
  380. this.div_close.removeChild(this.img_close)
  381. this.td_top_center.removeChild(this.div_close);
  382. this.td_top_center.removeChild(this.div_title);
  383. //this.td_top_left.removeChild(this.img_icon);
  384. this.div_dialog.removeChild(this.table_dialog);
  385. document.body.removeChild(this.div_dialog);
  386. }
  388. // 调用封装
  389. var currentDialog = null;
  390. function showWindow(opts) {
  391. if (!currentDialog) {
  392. if (typeof opts.width == "undefined")
  393. opts.width = 200;
  394. if (typeof opts.height == "undefined")
  395. opts.height = 200;
  397. var bounds = getDocumentBounds();
  398. currentDialog = new CsdnDialog(opts.title, opts.left, opts.top,
  399. opts.width, opts.height, false, false);
  400. currentDialog.div_black = document.createElement("div");
  401. currentDialog.div_black.style.position = "absolute";
  402. currentDialog.div_black.style.borderStyle = "none";
  403. currentDialog.div_black.style.zIndex = "1000";
  404. currentDialog.div_black.style.left = "0";
  405. currentDialog.div_black.style.top = "0";
  406. currentDialog.div_black.style.height = "3000px";
  407. currentDialog.div_black.style.width = "3000px";
  408. currentDialog.div_black.style.filter = "alpha(opacity = 40)";
  409. currentDialog.div_black.style.opacity = "0.55857";
  410. currentDialog.div_black.style.backgroundColor = "#999999";
  411. document.body.appendChild(currentDialog.div_black);
  412. currentDialog.onresize = function() {
  413. var bounds = getDocumentBounds();
  414. currentDialog.div_black.style.top = bounds.st - 1000 + "px";
  415. }
  416. currentDialog.onclose = function() {
  417. currentDialog.div_black.style.display = "none";
  418. }
  419. currentDialog.ondispose = function() {
  420. document.body.removeChild(currentDialog.div_black);
  421. currentDialog = null;
  422. }
  423. } else {
  424. currentDialog.div_black.style.display = "block";
  425. currentDialog.resize(opts.left, opts.top, opts.width, opts.height);
  426. currentDialog.setTitle(opts.title);
  427. }
  428. if (typeof opts.url == "string") {
  429. currentDialog.div_html.innerHTML = "";
  430. currentDialog.iframe = document.createElement("iframe");
  431. currentDialog.iframe.width = (opts.width - currentDialog.edgeWidth * 2) + "px";
  432. currentDialog.iframe.height = (opts.height - 40 - 25) + "px";
  433. currentDialog.iframe.style.margin = "0";
  434. currentDialog.iframe.frameBorder = "0";
  435. currentDialog.iframe.src = opts.url;
  436. currentDialog.div_html.appendChild(currentDialog.iframe);
  437. } else if (typeof opts.html == "string") {
  438. currentDialog.div_html.innerHTML = opts.html;
  439. }
  440. currentDialog.show();
  441. }
  443. function closeWindow() {
  444. if (currentDialog) currentDialog.close();
  445. }