diff options
Diffstat (limited to 'ui/tests/autodrag.html')
| -rw-r--r-- | ui/tests/autodrag.html | 54 |
1 files changed, 41 insertions, 13 deletions
diff --git a/ui/tests/autodrag.html b/ui/tests/autodrag.html index 05cbefd99..78caac169 100644 --- a/ui/tests/autodrag.html +++ b/ui/tests/autodrag.html @@ -8,9 +8,9 @@ <style type="text/css">
-html, body { height: 100%; }
+html, body { height: 95%; }
#main { height: 100%; }
-#drag { width: 200px; height: 200px; background: #eef; }
+#drag { cursor: move; width: 200px; height: 200px; background: #eef; }
</style>
@@ -74,25 +74,50 @@ function draggableTest(el, dx, dy) { var left = center.x;
var top = center.y;
- var fakemouse = $('<img src="images/cursor.png" id="fakemouse"/>');
- var realmouse = $('<img src="images/cursor.png" id="realmouse"/>');
+ var OS = (/(win|mac|linux)/i.exec(navigator.platform) || ['other'])[0].toLowerCase();
+
+ var defaultUrl = ['cursors', OS == 'other' ? 'win' : OS, 'default.png'].join('/');
+ var cursorUrl = function() {
+ return ['cursors', OS == 'other' ? 'win' : OS, $(el).css('cursor') + '.png'].join('/');
+ }
+ var noneUrl = ['cursors', OS == 'other' ? 'win' : OS, 'none.cur'].join('/');
+
+ var fakemouse = $('<img src="' + defaultUrl + '" id="fakemouse" />');
+ var realmouse = $('<img src="' + defaultUrl + '" id="realmouse" />');
if ($.browser.msie && $.browser.version == 6) {
- fakemouse = $('<div id="fakemouse" style="height:23;width:16;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'images/cursor.png\', sizingMethod=\'scale\');" ></div>');
- realmouse = $('<div><div id="realmouse" style="height:23;width:16;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'images/cursor.png\', sizingMethod=\'scale\');" ></div></div>');
+ fakemouse = $('<div id="fakemouse" style="height:32;width:32;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + defaultUrl + '\', sizingMethod=\'scale\');" ></div>');
+ realmouse = $('<div><div id="realmouse" style="height:32;width:32;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + defaultUrl + '\', sizingMethod=\'scale\');" ></div></div>');
}
var mousescreen = $('<div id="mousescreen"/>');
+
+ var updateCursor = function() {
+ if ($.browser.msie && $.browser.version == 6) {
+ fakemouse.css('filter', 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + cursorUrl() + '\', sizingMethod=\'scale\'');
+ } else {
+ fakemouse.attr('src', cursorUrl());
+ }
+ }
+ var resetCursor = function() {
+ if ($.browser.msie && $.browser.version == 6) {
+ fakemouse.css('filter', 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + defaultUrl + '\', sizingMethod=\'scale\'');
+ } else {
+ fakemouse.attr('src', defaultUrl);
+ }
+ }
var testStart = function() {
+ $(el).bind("mouseover", updateCursor).bind("mouseout", resetCursor);
fakemouse.appendTo('body').css({ position: 'absolute', left: mouseX, top: mouseY, zIndex: 5000 });
- realmouse.appendTo('body').css({ position: 'absolute', left: mouseX, top: mouseY, zIndex: 5000, opacity: 0.1 })
- .mousedown(function() { return false; });
+ realmouse.appendTo('body').css({ position: 'absolute', left: mouseX, top: mouseY, zIndex: 5000, opacity: 0.1 });
mousescreen.appendTo('body').css({ width: '100%', height: '100%', position: 'absolute', top: 0, left: 0, zIndex: 5000 })
.mousemove(function(e) { realmouse.css({ left: e.pageX, top: e.pageY }); return false; })
.mousedown(function() { return false; })
.mouseup(function() { return false; });
- (!$.browser.safari && mousescreen.css({ cursor: 'url(images/blank.cur), auto' }));
+ mousescreen.css('cursor', 'url(' + noneUrl + '), crosshair');
+ (($.browser.safari || $.browser.opera) && mousescreen.css('cursor', 'crosshair'));
}
var testStop = function() {
+ $(el).unbind("mouseover", updateCursor).unbind("mouseout", resetCursor);
mousescreen.remove();
mouseX = realmouse.css("left");
mouseY = realmouse.css("top");
@@ -105,25 +130,28 @@ function draggableTest(el, dx, dy) { var lastX = null;
fakemouse
- .animate({ left: left, top: top }, "fast", function() {
+ .animate({ left: left, top: top }, "slow", function() {
+ $(el).triggerHandler('mouseover');
testMouseDown(el, left, top);
testMouseMove(el, left, top);
})
.animate({ left: left + dx, top: top + dy }, {
- speed: "fast",
+ speed: "slow",
easing: "swing",
step: function (xory) {
if (!lastX) {
lastX = xory;
} else {
- testMouseMove(el, lastX, xory);
+ var x = lastX, y = xory;
+ testMouseMove(el, x, y);
lastX = null;
}
},
complete: function() {
+ $(el).triggerHandler('mouseout');
testMouseUp(el, 0, 0);
$(this).animate({ left: realmouse.css("left"), top: realmouse.css("top") }, {
- speed: "fast",
+ speed: "slow",
complete: function() {
testStop();
}
|