/* * 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; $.widget("ui.testMouse", { trackMouse: function() {}, init: function() { var self = this; this.trackMouse = function(e) { if (e.isTrusted !== false) { mouseX = e.pageX; mouseY = e.pageY; } } $(document).bind("mousemove", this.trackMouse); }, destroy: function() { $(document).unbind("mousemove", this.trackMouse); }, 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 }; }, dispatch: function(type, x, y, button, relatedTarget) { var evt, e = {bubbles: true, cancelable: (type != "mousemove"), view: window, detail: 0, screenX: 0, screenY: 0, clientX: x, clientY: y, ctrlKey: false, altKey: false, shiftKey: false, metaKey: false, button: button || 0, relatedTarget: relatedTarget, isTrusted: false}; if ($.isFunction(document.createEvent)) { evt = document.createEvent("MouseEvents"); if ($.isFunction(evt.initMouseEvent)) { evt.initMouseEvent(type, e.bubbles, e.cancelable, e.view, e.detail, e.screenX, e.screenY, e.clientX, e.clientY, e.ctrlKey, e.altKey, e.shiftKey, e.metaKey, e.button, e.relatedTarget); } else { evt = document.createEvent("UIEvents"); evt.initEvent(type, bubbles, cancelable); $.extend(evt, e); } this.element[0].dispatchEvent(evt); } else if (document.createEventObject) { evt = document.createEventObject(); $.extend(evt, e); evt.button = 1; this.element[0].fireEvent('on' + type, evt) } }, down: function(x, y) { this.dispatch("mousedown", x, y); }, move: function(x, y) { this.dispatch("mousemove", x, y); }, up: function(x, y) { this.dispatch("mouseup", x, y); }, 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 = $(''); var realmouse = $(''); if ($.browser.msie && $.browser.version == 6) { fakemouse = $('
'); realmouse = $('
'); } var 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() { 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; fakemouse .animate({ left: this.left, top: this.top }, this.options.speed, function() { self.element.triggerHandler('mouseover'); self.down(self.left, self.top); self.move(self.left, self.top); }) .animate({ left: this.left + dx, top: this.top + dy }, { speed: self.options.speed, easing: "swing", step: function (xory) { if (!self.lastX) { self.lastX = xory; } else { var x = self.lastX, y = xory; self.move(x, y); self.lastX = null; } }, complete: function() { self.element.triggerHandler('mouseout'); self.up(0, 0); $(this).animate({ left: realmouse.css("left"), top: realmouse.css("top") }, { speed: self.options.speed, complete: function() { testStop(); } }) } }); } }); $.ui.testMouse.defaults = { speed: "slow" } })(jQuery);