moved (still experimental) test automation files to experimental branch
Richard Worth
@ -1,156 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<title>jQuery UI - Automated Tests</title>
|
|
||||||
|
|
||||||
<script type="text/javascript" src="../jquery-1.2.6.js"></script>
|
|
||||||
<script type="text/javascript" src="../ui/ui.core.js"></script>
|
|
||||||
<script type="text/javascript" src="../ui/ui.draggable.js"></script>
|
|
||||||
<script type="text/javascript" src="../ui/ui.selectable.js"></script>
|
|
||||||
|
|
||||||
<script type="text/javascript" src="simulate/jquery.simulate.js"></script>
|
|
||||||
<script type="text/javascript" src="ui.testmouse.js"></script>
|
|
||||||
|
|
||||||
<style type="text/css">
|
|
||||||
|
|
||||||
html, body { height: 100%; }
|
|
||||||
#main { height: 100%; }
|
|
||||||
|
|
||||||
#foo { position: relative; margin: 10px; padding: 10px; border: 3px solid gray; width: 200px; height: 200px; background: #eef; text-align: center; }
|
|
||||||
#foo * { margin: 4px; }
|
|
||||||
.ui-draggable .msg-missing-class { display: none !important; background: red; color: white; font-weight: bold; }
|
|
||||||
.ui-draggable .msg-enabled { display: block; }
|
|
||||||
.ui-draggable .msg-disabled { display: none; }
|
|
||||||
.ui-draggable-disabled .msg-enabled { display: none !important; }
|
|
||||||
.ui-draggable-disabled .msg-disabled { display: block !important; }
|
|
||||||
.ui-selectable .msg-missing-class { display: none !important; background: red; color: white; font-weight: bold; }
|
|
||||||
.ui-selectable .msg-enabled { display: block; }
|
|
||||||
.ui-selectable .msg-disabled { display: none; }
|
|
||||||
.ui-selectable-disabled .msg-enabled { display: none !important; }
|
|
||||||
.ui-selectable-disabled .msg-disabled { display: block !important; }
|
|
||||||
//.ui-selectee { border: 1px solid white; }
|
|
||||||
.ui-selecting { background: Highlight; color: HighlightText; outline: 1px dotted white; }
|
|
||||||
.ui-selected { background: Highlight; color: HighlightText; outline: 1px dotted black; }
|
|
||||||
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(function() {
|
|
||||||
|
|
||||||
var speed = "fast";
|
|
||||||
|
|
||||||
var queue;
|
|
||||||
var start = function() {
|
|
||||||
queue = tests.slice().reverse(); // clone
|
|
||||||
$("#status").text("Running...");
|
|
||||||
nextTest();
|
|
||||||
}
|
|
||||||
var stop = function() {
|
|
||||||
$("#status").text("Ready");
|
|
||||||
teardown();
|
|
||||||
}
|
|
||||||
|
|
||||||
var tests = [];
|
|
||||||
var nextTest = function() {
|
|
||||||
if (queue.length) {
|
|
||||||
var nTest = queue.pop();
|
|
||||||
teardown(function() {
|
|
||||||
setupAndRun(nTest);
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
stop();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
var num = 0;
|
|
||||||
|
|
||||||
var addTest = function(fn) {
|
|
||||||
num += 1;
|
|
||||||
tests.push({
|
|
||||||
num: num,
|
|
||||||
fn: fn
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
var setupAndRun = function(nTest) {
|
|
||||||
$('#testnum').text(nTest.num);
|
|
||||||
$('#sandbox').hide()
|
|
||||||
.append('<ul id="foo">' +
|
|
||||||
'<li class="msg-missing-class">THIS TEXT SHOULD NOT BE VISIBLE</li>' +
|
|
||||||
'<li class="msg-enabled">enabled</li>' +
|
|
||||||
'<li class="msg-disabled">disabled</li>' +
|
|
||||||
'<li>Item 2</li>' +
|
|
||||||
'<li>Item 3</li>' +
|
|
||||||
'<li>Item 4</li>' +
|
|
||||||
'<li>Item 5</li>' +
|
|
||||||
'<li>Item 6</li>' +
|
|
||||||
'<li>Item 7</li>' +
|
|
||||||
'<li>Item 8</li>' +
|
|
||||||
'</ul>')
|
|
||||||
$('#foo').testMouse({
|
|
||||||
speed: speed,
|
|
||||||
complete: nextTest
|
|
||||||
});
|
|
||||||
$('#sandbox').show();
|
|
||||||
nTest.fn.apply(nTest.fn);
|
|
||||||
}
|
|
||||||
|
|
||||||
var teardown = function(fn) {
|
|
||||||
$('#sandbox').hide();
|
|
||||||
$('#foo').remove();
|
|
||||||
if ($.isFunction(fn)) fn.apply();
|
|
||||||
}
|
|
||||||
var plugin = "draggable";
|
|
||||||
//plugin = "selectable"
|
|
||||||
var testFn = "testMouse";
|
|
||||||
var testArgs = ["drag", 40, 50];
|
|
||||||
//1
|
|
||||||
addTest(function() { $("#foo")[plugin]()[testFn].apply($("#foo"), testArgs); });
|
|
||||||
//2
|
|
||||||
addTest(function() { $("#foo")[plugin]({ disabled: true })[testFn].apply($("#foo"), testArgs); });
|
|
||||||
addTest(function() { $("#foo")[plugin]({ disabled: false })[testFn].apply($("#foo"), testArgs); });
|
|
||||||
//4
|
|
||||||
addTest(function() { $("#foo")[plugin]()[plugin]('disable')[testFn].apply($("#foo"), testArgs); });
|
|
||||||
addTest(function() { $("#foo")[plugin]()[plugin]('enable')[testFn].apply($("#foo"), testArgs); });
|
|
||||||
//6
|
|
||||||
addTest(function() { $("#foo")[plugin]()[plugin]('enable')[plugin]('disable')[testFn].apply($("#foo"), testArgs); });
|
|
||||||
addTest(function() { $("#foo")[plugin]()[plugin]('disable')[plugin]('enable')[testFn].apply($("#foo"), testArgs); });
|
|
||||||
//8
|
|
||||||
addTest(function() { $("#foo")[plugin]({ disabled: false })[plugin]('disable')[testFn].apply($("#foo"), testArgs); });
|
|
||||||
addTest(function() { $("#foo")[plugin]({ disabled: true })[plugin]('enable')[testFn].apply($("#foo"), testArgs); });
|
|
||||||
//10
|
|
||||||
addTest(function() { $("#foo")[plugin]({ disabled: false }).data('disabled.' + plugin, true)[testFn].apply($("#foo"), testArgs); });
|
|
||||||
addTest(function() { $("#foo")[plugin]({ disabled: true }).data('disabled.' + plugin, false)[testFn].apply($("#foo"), testArgs); });
|
|
||||||
|
|
||||||
$('#begin').click(function() {
|
|
||||||
start();
|
|
||||||
});
|
|
||||||
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<div id="main">
|
|
||||||
|
|
||||||
<h1>jQuery UI - Automated Tests</h1>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
Status: <span id="status">Ready</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
Test: <span id="testnum"></span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div style="height: 3em;"><button id="begin">Run Test</button></div>
|
|
||||||
|
|
||||||
<div id="sandbox">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
Before Width: | Height: | Size: 851 B |
|
Before Width: | Height: | Size: 413 B |
|
Before Width: | Height: | Size: 851 B |
|
Before Width: | Height: | Size: 861 B |
|
Before Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 710 B |
|
Before Width: | Height: | Size: 871 B |
|
Before Width: | Height: | Size: 836 B |
|
Before Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 872 B |
|
Before Width: | Height: | Size: 824 B |
|
Before Width: | Height: | Size: 541 B |
|
Before Width: | Height: | Size: 871 B |
|
Before Width: | Height: | Size: 824 B |
|
Before Width: | Height: | Size: 836 B |
|
Before Width: | Height: | Size: 486 B |
|
Before Width: | Height: | Size: 861 B |
|
Before Width: | Height: | Size: 401 B |
|
Before Width: | Height: | Size: 341 B |
|
Before Width: | Height: | Size: 401 B |
|
Before Width: | Height: | Size: 390 B |
|
Before Width: | Height: | Size: 689 B |
|
Before Width: | Height: | Size: 651 B |
|
Before Width: | Height: | Size: 434 B |
|
Before Width: | Height: | Size: 440 B |
|
Before Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 872 B |
|
Before Width: | Height: | Size: 452 B |
|
Before Width: | Height: | Size: 675 B |
|
Before Width: | Height: | Size: 434 B |
|
Before Width: | Height: | Size: 452 B |
|
Before Width: | Height: | Size: 440 B |
|
Before Width: | Height: | Size: 436 B |
|
Before Width: | Height: | Size: 390 B |
|
Before Width: | Height: | Size: 724 B |
|
Before Width: | Height: | Size: 304 B |
|
Before Width: | Height: | Size: 724 B |
|
Before Width: | Height: | Size: 714 B |
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.0 KiB |
|
Before Width: | Height: | Size: 722 B |
|
Before Width: | Height: | Size: 985 B |
|
Before Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 2.8 KiB |
|
Before Width: | Height: | Size: 993 B |
|
Before Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 722 B |
|
Before Width: | Height: | Size: 993 B |
|
Before Width: | Height: | Size: 985 B |
|
Before Width: | Height: | Size: 258 B |
|
Before Width: | Height: | Size: 714 B |
|
Before Width: | Height: | Size: 1.3 KiB |
@ -1,347 +0,0 @@
|
|||||||
/* Copyright (c) 2007 Eduardo Lundgren (eduardolundgren@gmail.com)
|
|
||||||
* Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
|
|
||||||
* and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
|
|
||||||
*
|
|
||||||
* Version: 0.1a
|
|
||||||
* Date: May, 2008
|
|
||||||
* Requires jQuery 1.2.x+
|
|
||||||
* Docs: http://docs.jquery.com/Plugins/userAction
|
|
||||||
* Greetings: Richard Worth
|
|
||||||
*/
|
|
||||||
|
|
||||||
;(function($) {
|
|
||||||
|
|
||||||
$.fn.extend({
|
|
||||||
userAction: function(type) {
|
|
||||||
var args = arguments, opts = {}, a1 = args[1], a2 = args[2];
|
|
||||||
|
|
||||||
// transfer center offset
|
|
||||||
if (a1 && a1.length) {
|
|
||||||
opts.center = [a1[0], a1[1]];
|
|
||||||
}
|
|
||||||
// set x and y
|
|
||||||
else if (typeof a1 == StringPool.NUMBER) {
|
|
||||||
opts.x = a1; opts.y = a2;
|
|
||||||
}
|
|
||||||
// extend options
|
|
||||||
else {
|
|
||||||
$.extend(opts, a1);
|
|
||||||
}
|
|
||||||
|
|
||||||
return this.each(function() {
|
|
||||||
new $.userAction(this, type, opts);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
$.userAction = function(el, type, options) {
|
|
||||||
this.type = type;
|
|
||||||
this.options = $.extend({}, $.userAction.defaults, options || {});
|
|
||||||
this.target = $(this.options.target || el)[0];
|
|
||||||
|
|
||||||
var self = this, o = this.options, c = o.center, center = { x: 0, y: 0 };
|
|
||||||
|
|
||||||
if (!o.x && !o.y) {
|
|
||||||
center = this.findCenter(
|
|
||||||
c && c.length ? c : [0, 0]
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
// if x and y not set, get the center of the element
|
|
||||||
o.x = o.x || center.x; o.y = o.y || center.y;
|
|
||||||
|
|
||||||
var EVENT_DEFAULT = {
|
|
||||||
target: this.target,
|
|
||||||
view: window,
|
|
||||||
bubbles: o.bubbles || true,
|
|
||||||
cancelable: o.cancelable || false,
|
|
||||||
ctrlKey: o.ctrlKey || false,
|
|
||||||
altKey: o.altKey || false,
|
|
||||||
shiftKey: o.shiftKey || false,
|
|
||||||
metaKey: o.metaKey || false
|
|
||||||
};
|
|
||||||
|
|
||||||
// Simulating drag and drop event
|
|
||||||
if (/^drag$/i.test(type)) {
|
|
||||||
var self = this, t = this.target, queue = $.data(t, StringPool.DATA_QUEUE),
|
|
||||||
data = [options.dx || options.x, options.dy || options.y, this];
|
|
||||||
|
|
||||||
var fire = function() {
|
|
||||||
self.drag(options.dx || options.x, options.dy || options.y);
|
|
||||||
};
|
|
||||||
|
|
||||||
if (/^sync$/i.test(o.speed)) {
|
|
||||||
fire(); return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!queue) {
|
|
||||||
$.data(t, StringPool.DATA_QUEUE, [data]); fire(); return;
|
|
||||||
}
|
|
||||||
// queuing drags...
|
|
||||||
if (queue && queue.length) {
|
|
||||||
queue.push(data);
|
|
||||||
}
|
|
||||||
// if drag, stop here.
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
var isMouse = /^mouse(over|out|down|up|move)|(dbl)?click$/i.test(type),
|
|
||||||
isKeyboard = /^textevent|key(up|down|press)$/i.test(type),
|
|
||||||
|
|
||||||
EVT = isMouse ?
|
|
||||||
$.extend({}, EVENT_DEFAULT, {
|
|
||||||
clientX: o.x, clientY: o.y,
|
|
||||||
screenX: o.screenX || 0, screenY: o.screenY || 0,
|
|
||||||
relatedTarget: $(o.relatedTarget)[0] || null, detail: 0,
|
|
||||||
button: o.button || ($.browser.msie ? 1 : 0), isTrusted: false
|
|
||||||
}) :
|
|
||||||
$.extend({}, EVENT_DEFAULT, {
|
|
||||||
keyCode: o.keyCode || 0, charCode: o.charCode || 0
|
|
||||||
});
|
|
||||||
|
|
||||||
// avoid e.type == undefined before dispatchment
|
|
||||||
EVT.type = type;
|
|
||||||
|
|
||||||
if (o.before) o.before.apply(this.target, [$.event.fix(EVT), o.x, o.y, this]);
|
|
||||||
|
|
||||||
// check event type for mouse events
|
|
||||||
if (isMouse) {
|
|
||||||
// simulating mouse event
|
|
||||||
EVT = this.mouseEvent(EVT)
|
|
||||||
}
|
|
||||||
|
|
||||||
// check event type for key events
|
|
||||||
if (isKeyboard) {
|
|
||||||
// simulating keuboard event
|
|
||||||
EVT = this.keyboardEvent(EVT);
|
|
||||||
}
|
|
||||||
|
|
||||||
if (o.after) o.after.apply(this.target, [$.event.fix(EVT), o.x, o.y, this]);
|
|
||||||
};
|
|
||||||
|
|
||||||
$.extend($.userAction.prototype, {
|
|
||||||
|
|
||||||
down: function(target) {
|
|
||||||
$(target).userAction(StringPool.MOUSEOVER).userAction(StringPool.MOUSEDOWN)
|
|
||||||
.userAction(StringPool.MOUSEMOVE);
|
|
||||||
},
|
|
||||||
|
|
||||||
up: function(target) {
|
|
||||||
$(target).userAction(StringPool.MOUSEUP).userAction(StringPool.MOUSEOUT);
|
|
||||||
},
|
|
||||||
|
|
||||||
move: function(target, x, y, after) {
|
|
||||||
$(target).userAction(StringPool.MOUSEMOVE, { x: x, y: y, after: after });
|
|
||||||
},
|
|
||||||
|
|
||||||
drag: function(dx, dy) {
|
|
||||||
// drag helper function, thanks Richard Worth's testmouse api.
|
|
||||||
var self = this, o = this.options, center = this.findCenter(),
|
|
||||||
target = $(this.target), lastx = center.x, lasty = center.y,
|
|
||||||
fake = $(StringPool.FAKE_CURSOR_EXP),
|
|
||||||
speed = o.speed || StringPool.SLOW,
|
|
||||||
easing = o.easing || StringPool.SWING;
|
|
||||||
|
|
||||||
var complete = function() {
|
|
||||||
// fire complete or after cb
|
|
||||||
if (o.after||o.complete) (o.after||o.complete).apply(self.target, [o, self]);
|
|
||||||
};
|
|
||||||
|
|
||||||
// drag synchronously
|
|
||||||
if (/^sync$/i.test(o.speed)) {
|
|
||||||
self.down(target);
|
|
||||||
|
|
||||||
var mdx = Math.abs(dx)||0, mdy = Math.abs(dy)||0, range = Math.max(mdx, mdy),
|
|
||||||
sx = dx/mdx||1, sy = dy/mdy||1;
|
|
||||||
|
|
||||||
for (var dt = 1; dt <= range; dt++) {
|
|
||||||
var x = center.x + sx*(dt <= mdx ? dt : 0), y = center.y + sy*(dt <= mdy ? dt : 0);
|
|
||||||
this.move(target, x, y, o.drag);
|
|
||||||
}
|
|
||||||
self.up(target);
|
|
||||||
complete();
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
// drag asynchronously - animated
|
|
||||||
fake = fake.size() ? fake :
|
|
||||||
$(StringPool.FAKE_CURSOR_DIV)
|
|
||||||
.css({ position: StringPool.ABSOLUTE }).appendTo(document.body);
|
|
||||||
|
|
||||||
fake
|
|
||||||
.animate({ left: center.x, top: center.y }, speed, easing, function(){
|
|
||||||
self.down(target);
|
|
||||||
})
|
|
||||||
.animate({ left: center.x + (dx||0), top: center.y + (dy||0) }, {
|
|
||||||
speed: speed,
|
|
||||||
easing: easing,
|
|
||||||
step: function(i, anim) {
|
|
||||||
lastx = anim.prop == StringPool.LEFT ? i : lastx;
|
|
||||||
lasty = anim.prop == StringPool.TOP ? i : lasty;
|
|
||||||
self.move(target, lastx, lasty, o.drag);
|
|
||||||
},
|
|
||||||
complete: function() {
|
|
||||||
|
|
||||||
self.up(target);
|
|
||||||
|
|
||||||
// remove fake cursor
|
|
||||||
$(this).remove();
|
|
||||||
|
|
||||||
complete();
|
|
||||||
|
|
||||||
// trigger drag queue
|
|
||||||
var queue = $.data(self.target, StringPool.DATA_QUEUE);
|
|
||||||
if (queue) queue.shift();
|
|
||||||
|
|
||||||
if (queue && queue[0]) {
|
|
||||||
// trigger drag on correct instance
|
|
||||||
queue[0][2].drag(queue[0][0], queue[0][1]);
|
|
||||||
}
|
|
||||||
else
|
|
||||||
$.removeData(self.target, StringPool.DATA_QUEUE);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
mouseEvent: function(EVT) {
|
|
||||||
var evt, type = this.type, o = this.options;
|
|
||||||
|
|
||||||
//check for DOM-compliant browsers
|
|
||||||
if ($.isFunction(document.createEvent)) {
|
|
||||||
evt = document.createEvent(StringPool.MOUSE_EVENTS);
|
|
||||||
|
|
||||||
//Safari 2.x doesn't implement initMouseEvent()
|
|
||||||
if ($.isFunction(evt.initMouseEvent)) {
|
|
||||||
evt.initMouseEvent(type,
|
|
||||||
EVT.bubbles, EVT.cancelable, EVT.view, EVT.detail,
|
|
||||||
EVT.screenX, EVT.screenY, EVT.clientX, EVT.clientY,
|
|
||||||
EVT.ctrlKey, EVT.altKey, EVT.shiftKey, EVT.metaKey,
|
|
||||||
EVT.button, EVT.relatedTarget);
|
|
||||||
} else {
|
|
||||||
// Safari
|
|
||||||
evt = document.createEvent(StringPool.UI_EVENTS);
|
|
||||||
customEvent.initEvent(type, EVT.bubbles, EVT.cancelable);
|
|
||||||
$.extend(evt, EVT);
|
|
||||||
}
|
|
||||||
|
|
||||||
// check to see if relatedTarget has been assigned
|
|
||||||
if (EVT.relatedTarget && !evt.relatedTarget){
|
|
||||||
if (type == StringPool.MOUSEOUT) {
|
|
||||||
evt.toElement = EVT.relatedTarget;
|
|
||||||
} else if (type == StringPool.MOUSEOVER) {
|
|
||||||
evt.fromElement = EVT.relatedTarget;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// fire the event
|
|
||||||
this.target.dispatchEvent(evt);
|
|
||||||
|
|
||||||
} else if (document.createEventObject) {
|
|
||||||
evt = document.createEventObject();
|
|
||||||
|
|
||||||
// assign available properties
|
|
||||||
$.extend(evt, EVT)
|
|
||||||
|
|
||||||
// IE won't allow assignment to toElement or fromElement
|
|
||||||
evt.relatedTarget = EVT.relatedTarget;
|
|
||||||
|
|
||||||
// fix for 2 pixels bug from mousecords
|
|
||||||
evt.pageX = o.x; evt.pageY = o.y;
|
|
||||||
|
|
||||||
// fire the event
|
|
||||||
this.target.fireEvent(StringPool.ON + type, evt);
|
|
||||||
}
|
|
||||||
|
|
||||||
return evt;
|
|
||||||
},
|
|
||||||
|
|
||||||
keyboardEvent: function(EVT) {
|
|
||||||
var evt, type = this.type, o = this.options;
|
|
||||||
|
|
||||||
// check for DOM-compliant browsers first
|
|
||||||
if ($.isFunction(document.createEvent)) {
|
|
||||||
|
|
||||||
try {
|
|
||||||
// try to create key event
|
|
||||||
evt = document.createEvent(StringPool.KEY_EVENTS);
|
|
||||||
|
|
||||||
evt.initKeyEvent(type,
|
|
||||||
EVT.bubbles, EVT.cancelable, EVT.view, EVT.ctrlKey,
|
|
||||||
EVT.altKey, EVT.shiftKey, EVT.metaKey, EVT.keyCode, EVT.charCode);
|
|
||||||
|
|
||||||
} catch (err) {
|
|
||||||
// we need another try-catch for Safari 2.x
|
|
||||||
try {
|
|
||||||
// generic event for opera and webkit nightlies, will fail in Safari 2.x
|
|
||||||
evt = document.createEvent(StringPool.EVENTS);
|
|
||||||
} catch (ierr){
|
|
||||||
// Safari 2.x - create a UIEvent
|
|
||||||
evt = document.createEvent(StringPool.UI_EVENTS);
|
|
||||||
} finally {
|
|
||||||
evt.initEvent(type, EVT.bubbles, EVT.cancelable);
|
|
||||||
|
|
||||||
// initializing
|
|
||||||
$.each(EVT, function(k, v) {
|
|
||||||
// using try-catch for avoiding Opera NO_MODIFICATION_ALLOWED_ERR
|
|
||||||
try { evt[k] = v; } catch(e) { }
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// fire the event
|
|
||||||
this.target.dispatchEvent(evt);
|
|
||||||
|
|
||||||
} else if (document.createEventObject) {
|
|
||||||
// create an IE event object
|
|
||||||
evt = document.createEventObject();
|
|
||||||
|
|
||||||
// assign available properties
|
|
||||||
$.extend(evt, EVT);
|
|
||||||
|
|
||||||
// IE doesn't support charCode explicitly
|
|
||||||
evt.keyCode = (EVT.charCode > 0) ? EVT.charCode : EVT.keyCode;
|
|
||||||
|
|
||||||
// fire the event
|
|
||||||
this.target.fireEvent(StringPool.ON + type, evt);
|
|
||||||
}
|
|
||||||
|
|
||||||
return evt;
|
|
||||||
},
|
|
||||||
|
|
||||||
findCenter: function(offset) {
|
|
||||||
var el = $(this.target), o = el.offset();
|
|
||||||
return {
|
|
||||||
x: o.left + (((offset||[0, 0])[0]) || 0) + el.outerWidth() / 2,
|
|
||||||
y: o.top + (((offset||[0, 0])[1]) || 0) + el.outerHeight() / 2
|
|
||||||
};
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
$.extend($.userAction, {
|
|
||||||
defaults: {
|
|
||||||
center: true
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
var StringPool = {
|
|
||||||
ON: 'on',
|
|
||||||
NUMBER: 'number',
|
|
||||||
MOUSEOVER: 'mouseover',
|
|
||||||
MOUSEOUT: 'mouseout',
|
|
||||||
MOUSEDOWN: 'mousedown',
|
|
||||||
MOUSEUP: 'mouseup',
|
|
||||||
MOUSEMOVE: 'mousemove',
|
|
||||||
MOUSE_EVENTS: 'MouseEvents',
|
|
||||||
UI_EVENTS: 'UIEvents',
|
|
||||||
KEY_EVENTS: 'KeyEvents',
|
|
||||||
EVENTS: 'Events',
|
|
||||||
FAKE_CURSOR_EXP: 'div.ui-fake-cursor',
|
|
||||||
FAKE_CURSOR_DIV: '<div class="ui-fake-cursor"/>',
|
|
||||||
ABSOLUTE: 'absolute',
|
|
||||||
DATA_QUEUE: 'ua-drag-queue',
|
|
||||||
TOP: 'top',
|
|
||||||
LEFT: 'left',
|
|
||||||
SLOW: 'slow',
|
|
||||||
SWING: 'swing'
|
|
||||||
};
|
|
||||||
|
|
||||||
})(jQuery);
|
|
||||||
@ -1,142 +0,0 @@
|
|||||||
/*
|
|
||||||
* jQuery UI testMouse
|
|
||||||
*
|
|
||||||
* Copyright (c) 2008 Richard D. Worth (rdworth.org)
|
|
||||||
* Dual licensed under the MIT (MIT-LICENSE.txt)
|
|
||||||
* and GPL (GPL-LICENSE.txt) licenses.
|
|
||||||
*
|
|
||||||
* Revision: $Id: $
|
|
||||||
*/
|
|
||||||
;(function($) {
|
|
||||||
|
|
||||||
var mouseX = 0;
|
|
||||||
var mouseY = 0;
|
|
||||||
|
|
||||||
$(function() {
|
|
||||||
$(document).mousemove(function(e) {
|
|
||||||
if (e.isTrusted !== false) {
|
|
||||||
mouseX = e.pageX;
|
|
||||||
mouseY = e.pageY;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
$.widget("ui.testMouse", {
|
|
||||||
trackMouse: function() {},
|
|
||||||
init: function() {
|
|
||||||
},
|
|
||||||
destroy: function() {
|
|
||||||
},
|
|
||||||
center: function(offset) {
|
|
||||||
var o = this.element.offset();
|
|
||||||
return {
|
|
||||||
x: (o.left + (offset || [0, 0])[0] || 0) + this.element.width() / 2,
|
|
||||||
y: (o.top + (offset || [0, 0])[1] || 0) + this.element.height() / 2
|
|
||||||
};
|
|
||||||
},
|
|
||||||
drag: function(dx, dy) {
|
|
||||||
var self = this;
|
|
||||||
|
|
||||||
var center = this.center();
|
|
||||||
this.left = center.x;
|
|
||||||
this.top = center.y;
|
|
||||||
|
|
||||||
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, self.element.css('cursor') + '.png'].join('/');
|
|
||||||
}
|
|
||||||
var noneUrl = ['cursors', OS == 'other' ? 'win' : OS, 'none' + ($.browser.safari ? '.png' : '.cur')].join('/');
|
|
||||||
|
|
||||||
var fakemouse = $('<img src="' + defaultUrl + '" />');
|
|
||||||
var realmouse = $('<img src="' + defaultUrl + '" />');
|
|
||||||
if ($.browser.msie && $.browser.version == 6) {
|
|
||||||
fakemouse = $('<div style="height:32;width:32;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + defaultUrl + '\', sizingMethod=\'scale\');" ></div>');
|
|
||||||
realmouse = $('<div><div style="height:32;width:32;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + defaultUrl + '\', sizingMethod=\'scale\');" ></div></div>');
|
|
||||||
}
|
|
||||||
var mousescreen = $('<div/>');
|
|
||||||
|
|
||||||
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() {
|
|
||||||
self.element.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 });
|
|
||||||
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; });
|
|
||||||
mousescreen.css('cursor', 'url(' + noneUrl + '), crosshair');
|
|
||||||
($.browser.opera && mousescreen.css('cursor', 'crosshair'));
|
|
||||||
}
|
|
||||||
var testStop = function() {
|
|
||||||
self.element.unbind("mouseover", updateCursor).unbind("mouseout", resetCursor);
|
|
||||||
mousescreen.remove();
|
|
||||||
mouseX = realmouse.css("left");
|
|
||||||
mouseY = realmouse.css("top");
|
|
||||||
realmouse.remove();
|
|
||||||
fakemouse.remove();
|
|
||||||
self.options.complete.apply();
|
|
||||||
}
|
|
||||||
|
|
||||||
testStart();
|
|
||||||
|
|
||||||
this.lastX = null;
|
|
||||||
|
|
||||||
var before = function() {
|
|
||||||
self.element.triggerHandler('mouseover');
|
|
||||||
self.element.simulate("mousedown", { clientX: self.left, clientY: self.top });
|
|
||||||
self.element.simulate("mousemove", { clientX: self.left, clientY: self.top });
|
|
||||||
}
|
|
||||||
|
|
||||||
var during = function(xory) {
|
|
||||||
if (!self.lastX) {
|
|
||||||
self.lastX = xory;
|
|
||||||
} else {
|
|
||||||
var x = self.lastX, y = xory;
|
|
||||||
self.element.simulate("mousemove", { clientX: x, clientY: y });
|
|
||||||
self.lastX = null;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
var after = function() {
|
|
||||||
self.element.triggerHandler('mouseout');
|
|
||||||
self.element.simulate("mouseup", { clientX: 0, clientY: 0 });
|
|
||||||
testStop();
|
|
||||||
}
|
|
||||||
|
|
||||||
fakemouse
|
|
||||||
.animate({ left: this.left, top: this.top }, this.options.speed, before)
|
|
||||||
.animate({ left: this.left + dx, top: this.top + dy }, {
|
|
||||||
speed: this.options.speed,
|
|
||||||
easing: "swing",
|
|
||||||
step: during
|
|
||||||
})
|
|
||||||
.animate({ left: this.left + dx, top: this.top + dy }, {
|
|
||||||
speed: this.options.speed,
|
|
||||||
easing: "swing",
|
|
||||||
complete: after
|
|
||||||
});
|
|
||||||
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
$.ui.testMouse.defaults = {
|
|
||||||
speed: "slow"
|
|
||||||
}
|
|
||||||
|
|
||||||
})(jQuery);
|
|
||||||