diff --git a/public/javascripts/application.js b/public/javascripts/application.js index 6ac978568..fb6bb6864 100644 --- a/public/javascripts/application.js +++ b/public/javascripts/application.js @@ -1501,9 +1501,60 @@ function pop_box_new(value, Width, Height){ $('#ajax-modal').siblings().remove(); $('#ajax-modal').parent().css({"top": h+"px","left": w+"px","padding":"0","border":"none","position":"fixed"}); $('#ajax-modal').css({"padding":"0"}); + $('#ajax-modal').parent().attr("id","popupWrap"); //拖拽 + function Drag(id) { + this.div = document.getElementById(id); + if (this.div) { + this.div.style.cursor = "move"; + this.div.style.position = "fixed"; + } + this.disX = 0; + this.disY = 0; + var _this = this; + this.div.onmousedown = function (evt) { + _this.getDistance(evt); + document.onmousemove = function (evt) { + _this.setPosition(evt); + } + _this.div.onmouseup = function () { + _this.clearEvent(); + } + } + } + Drag.prototype.getDistance = function (evt) { + var oEvent = evt || event; + this.disX = oEvent.clientX - this.div.offsetLeft; + this.disY = oEvent.clientY - this.div.offsetTop; + } + Drag.prototype.setPosition = function (evt) { + var oEvent = evt || event; + var l = oEvent.clientX - this.disX; + var t = oEvent.clientY - this.disY; + if (l <= 0) { + l = 0; + } + else if (l >= document.documentElement.clientWidth - this.div.offsetWidth) { + l = document.documentElement.clientWidth - this.div.offsetWidth; + } + if (t <= 0) { + t = 0; + } + else if (t >= document.documentElement.clientHeight - this.div.offsetHeight) { + t = document.documentElement.clientHeight - this.div.offsetHeight; + } + this.div.style.left = l + "px"; + this.div.style.top = t + "px"; + } + Drag.prototype.clearEvent = function () { + this.div.onmouseup = null; + document.onmousemove = null; + } + window.onload = function () { + new Drag("popupWrap"); + } } // 公共提示弹框样式