From fa04558a716824bca28a454febb34e13032f0c6e Mon Sep 17 00:00:00 2001 From: James Campos Date: Fri, 29 Apr 2011 19:31:31 -0700 Subject: [PATCH] move -> drag --- 4chan_x.js | 16 ++++++++-------- script.coffee | 16 ++++++++-------- 2 files changed, 16 insertions(+), 16 deletions(-) diff --git a/4chan_x.js b/4chan_x.js index 74954f0d2..6adcbe90a 100644 --- a/4chan_x.js +++ b/4chan_x.js @@ -168,7 +168,7 @@ } else { el.style.bottom = '0px'; } - el.querySelector('div.move').addEventListener('mousedown', ui.move, true); + el.querySelector('div.move').addEventListener('mousedown', ui.dragstart, true); if ((_ref3 = el.querySelector('div.move a[name=close]')) != null) { _ref3.addEventListener('click', (function() { return el.parentNode.removeChild(el); @@ -176,7 +176,7 @@ } return el; }, - move: function(e) { + dragstart: function(e) { var el, rect; ui.el = el = e.target.parentNode; document.body.className = 'noselect'; @@ -185,10 +185,10 @@ ui.dy = e.clientY - rect.top; ui.width = document.body.clientWidth - el.offsetWidth; ui.height = document.body.clientHeight - el.offsetHeight; - document.addEventListener('mousemove', ui.moveMove, true); - return document.addEventListener('mouseup', ui.moveEnd, true); + document.addEventListener('mousemove', ui.drag, true); + return document.addEventListener('mouseup', ui.dragend, true); }, - moveMove: function(e) { + drag: function(e) { var bottom, el, left, right, top; el = ui.el; left = e.clientX - ui.dx; @@ -210,10 +210,10 @@ el.style.top = top; return el.style.bottom = bottom; }, - moveEnd: function() { + dragend: function() { var el, id; - document.removeEventListener('mousemove', ui.moveMove, true); - document.removeEventListener('mouseup', ui.moveEnd, true); + document.removeEventListener('mousemove', ui.drag, true); + document.removeEventListener('mouseup', ui.dragend, true); el = ui.el; id = el.id; localStorage["" + id + "Left"] = el.style.left; diff --git a/script.coffee b/script.coffee index 064f1a0df..a41b4d130 100644 --- a/script.coffee +++ b/script.coffee @@ -92,11 +92,11 @@ ui = top = localStorage["#{id}Top"] ? top if left then el.style.left = left else el.style.right = '0px' if top then el.style.top = top else el.style.bottom = '0px' - el.querySelector('div.move').addEventListener 'mousedown', ui.move, true + el.querySelector('div.move').addEventListener 'mousedown', ui.dragstart, true el.querySelector('div.move a[name=close]')?.addEventListener 'click', (-> el.parentNode.removeChild(el)), true el - move: (e) -> + dragstart: (e) -> ui.el = el = e.target.parentNode document.body.className = 'noselect' #distance from pointer to el edge is constant; calculate it here. @@ -107,9 +107,9 @@ ui = #factor out el from document dimensions ui.width = document.body.clientWidth - el.offsetWidth ui.height = document.body.clientHeight - el.offsetHeight - document.addEventListener 'mousemove', ui.moveMove, true - document.addEventListener 'mouseup', ui.moveEnd, true - moveMove: (e) -> + document.addEventListener 'mousemove', ui.drag, true + document.addEventListener 'mouseup', ui.dragend, true + drag: (e) -> {el} = ui left = e.clientX - ui.dx if left < 20 then left = '0px' @@ -123,9 +123,9 @@ ui = bottom = if top then '' else '0px' el.style.top = top el.style.bottom = bottom - moveEnd: -> - document.removeEventListener 'mousemove', ui.moveMove, true - document.removeEventListener 'mouseup', ui.moveEnd, true + dragend: -> + document.removeEventListener 'mousemove', ui.drag, true + document.removeEventListener 'mouseup', ui.dragend, true {el} = ui #{id} = {el} = ui doesn't work {id} = el localStorage["#{id}Left"] = el.style.left