s434730/RandomSec
3
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Added mouse capture to slider widget.

Browse Source 
git-svn-id: http://google-refine.googlecode.com/svn/trunk@506 7d457c2a-affb-35e4-300a-418c747d4874
This commit is contained in:
David Huynh 2010-04-20 04:28:15 +00:00
parent 0ad08d49cc
commit 2ee091e9ea
2 changed files with 29 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/main/webapp/scripts/widgets/slider-widget.js
View File

@ -11,6 +11,14 @@ function SliderWidget(elmt, options) {
};
this._drag = null;
var self = this;
this._mouseMoveHandler = function(evt) {
return self._onMouseMove(evt);
};
this._mouseUpHandler = function(evt) {
return self._onMouseUp(evt);
};
this._initializeUI();
this._update();
}
@ -71,16 +79,23 @@ SliderWidget.prototype._onMouseDown = function(evt, part) {
return;
}
$(document).mousemove(this._mouseMoveHandler);
$(document).mouseup(this._mouseUpHandler);
this._drag = {
sureDrag: false
sureDrag: false,
overlay: $('<div>').addClass("slider-widget-overlay").appendTo(document.body)
};
if ("highlight" == part) {
this._drag.elmt = this._highlightRect;
this._drag.value = this._range.from;
$(this._drag.overlay).css("cursor", "move");
} else if ("left" == part) {
this._drag.elmt = this._leftBracket;
$(this._drag.overlay).css("cursor", "e-resize");
} else if ("right" == part) {
this._drag.elmt = this._rightBracket;
$(this._drag.overlay).css("cursor", "w-resize");
}
this._drag.what = part;
this._drag.from = this._range.from;
@ -96,10 +111,14 @@ SliderWidget.prototype._onMouseUp = function(evt) {
return;
}
$(document).unbind("mousemove", this._mouseMoveHandler);
$(document).unbind("mouseup", this._mouseUpHandler);
if (this._drag.sureDrag) {
this._update();
this._trigger("stop");
}
this._drag.overlay.remove();
this._drag = null;
};

9
src/main/webapp/styles/widgets/slider-widget.css
View File

@ -43,3 +43,12 @@
margin-left: 2px;
cursor: w-resize;
}
.slider-widget-overlay {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: white;
opacity: 0.01;
}