/* * jquery.simulate - simulate browser mouse and keyboard events * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * */ ;(function($) { $.fn.extend({ simulate: function(type, options) { return this.each(function() { var opt = $.extend({}, $.simulate.defaults, options || {}); new $.simulate(this, type, opt); }); } }); $.simulate = function(el, type, options) { this.target = el; this.options = options; if (/^drag$/.test(type)) { this[type].apply(this, [this.target, options]); } else { this.simulateEvent(el, type, options); } } $.extend($.simulate.prototype, { simulateEvent: function(el, type, options) { var evt = this.createEvent(type, options); this.dispatchEvent(el, type, evt, options); return evt; }, createEvent: function(type, options) { if (/^mouse(over|out|down|up|move)|(dbl)?click$/.test(type)) { return this.mouseEvent(type, options); } else if (/^key(up|down|press)$/.test(type)) { return this.keyboardEvent(type, options); } }, mouseEvent: function(type, options) { var evt; var e = $.extend({ bubbles: true, cancelable: (type != "mousemove"), view: window, detail: 0, screenX: 0, screenY: 0, clientX: 0, clientY: 0, ctrlKey: false, altKey: false, shiftKey: false, metaKey: false, button: 0, relatedTarget: undefined }, options); var relatedTarget = $(e.relatedTarget)[0]; if ($.isFunction(document.createEvent)) { evt = document.createEvent("MouseEvents"); 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 || document.body.parentNode); } else if (document.createEventObject) { evt = document.createEventObject(); $.extend(evt, e); evt.button = { 0:1, 1:4, 2:2 }[evt.button] || evt.button; } return evt; }, keyboardEvent: function(type, options) { var evt; var e = $.extend({ bubbles: true, cancelable: true, view: window, ctrlKey: false, altKey: false, shiftKey: false, metaKey: false, keyCode: 0, charCode: 0 }, options); if ($.isFunction(document.createEvent)) { try { evt = document.createEvent("KeyEvents"); evt.initKeyEvent(type, e.bubbles, e.cancelable, e.view, e.ctrlKey, e.altKey, e.shiftKey, e.metaKey, e.keyCode, e.charCode); } catch(err) { evt = document.createEvent("Events"); evt.initEvent(type, e.bubbles, e.cancelable); $.extend(evt, { view: e.view, ctrlKey: e.ctrlKey, altKey: e.altKey, shiftKey: e.shiftKey, metaKey: e.metaKey, keyCode: e.keyCode, charCode: e.charCode }); } } else if (document.createEventObject) { evt = document.createEventObject(); $.extend(evt, e); } if ($.browser.msie || $.browser.opera) { evt.keyCode = (e.charCode > 0) ? e.charCode : e.keyCode; evt.charCode = undefined; } return evt; }, dispatchEvent: function(el, type, evt) { if (el.dispatchEvent) { el.dispatchEvent(evt); } else if (el.fireEvent) { el.fireEvent('on' + type, evt); } return evt; }, drag: function(el) { var self = this, center = this.findCenter(this.target), options = this.options, x = Math.floor(center.x), y = Math.floor(center.y), dx = options.dx || 0, dy = options.dy || 0, target = this.target; var coord = { clientX: x, clientY: y }; this.simulateEvent(target, "mousedown", coord); coord = { clientX: x + 1, clientY: y + 1 }; this.simulateEvent(document, "mousemove", coord); coord = { clientX: x + dx, clientY: y + dy }; this.simulateEvent(document, "mousemove", coord); this.simulateEvent(document, "mousemove", coord); this.simulateEvent(target, "mouseup", coord); }, findCenter: function(el) { var el = $(this.target), o = el.offset(); return { x: o.left + el.outerWidth() / 2, y: o.top + el.outerHeight() / 2 }; } }); $.extend($.simulate, { defaults: { speed: 'sync' }, VK_TAB: 9, VK_ENTER: 13, VK_ESC: 27, VK_PGUP: 33, VK_PGDN: 34, VK_END: 35, VK_HOME: 36, VK_LEFT: 37, VK_UP: 38, VK_RIGHT: 39, VK_DOWN: 40 }); })(jQuery); ual/effects/effects.js'>
path: root/tests/visual/effects/effects.js
blob: 624e0b128a07448638b90aa3fdfcddffd045794b (plain) 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107

$(function() {

var duration = 1000,
	wait = 500;

function effect( elem, name, options ) {
	$.extend( options, {
		easing: "easeOutQuint"
	});

	$( elem ).click(function() {
		$( this )
			.addClass( "current" )
			// delaying the initial animation makes sure that the queue stays in tact
			.delay( 10 )
			.hide( name, options, duration )
			.delay( wait )
			.show( name, options, duration, function() {
				$( this ).removeClass( "current" );
			});
	});
}

$( "#hide" ).click(function() {
	$( this )
		.addClass( "current" )
		.hide( duration )
		.delay( wait )
		.show( duration, function() {
			$( this ).removeClass( "current" );
		});
});

effect( "#blindLeft", "blind", { direction: "left" } );
effect( "#blindUp", "blind", { direction: "up" } );
effect( "#blindRight", "blind", { direction: "right" } );
effect( "#blindDown", "blind", { direction: "down" } );

effect( "#bounce3times", "bounce", { times: 3 } );

effect( "#clipHorizontally", "clip", { direction: "horizontal" } );
effect( "#clipVertically", "clip", { direction: "vertical" } );

effect( "#dropDown", "drop", { direction: "down" } );
effect( "#dropUp", "drop", { direction: "up" } );
effect( "#dropLeft", "drop", { direction: "left" } );
effect( "#dropRight", "drop", { direction: "right" } );

effect( "#explode9", "explode", {} );
effect( "#explode36", "explode", { pieces: 36 } );

effect( "#fade", "fade", {} );

effect( "#fold", "fold", { size: 50 } );

effect( "#highlight", "highlight", {} );

effect( "#pulsate", "pulsate", { times: 2 } );

effect( "#puff", "puff", { times: 2 } );
effect( "#scale", "scale", {} );
effect( "#size", "size", {} );
$( "#sizeToggle" ).click(function() {
	var options = { to: { width: 300, height: 300 } };
	$( this )
		.addClass( "current" )
		.toggle( "size", options, duration )
		.delay( wait )
		.toggle( "size", options, duration, function() {
			$( this ).removeClass( "current" );
		});
});

$( "#shake" ).click(function() {
	$( this )
		.addClass( "current" )
		.effect( "shake", {}, 100, function() {
			$( this ).removeClass( "current" );
		});
});

effect( "#slideDown", "slide", { direction: "down" } );
effect( "#slideUp", "slide", { direction: "up" } );
effect( "#slideLeft", "slide", { direction: "left" } );
effect( "#slideRight", "slide", { direction: "right" } );

$( "#transfer" ).click(function() {
	$( this )
		.addClass( "current" )
		.effect( "transfer", { to: "div:eq(0)" }, 1000, function() {
			$( this ).removeClass( "current" );
		});
});

$( "#addClass" ).click(function() {
	$( this ).addClass( "current", duration, function() {
		$( this ).removeClass( "current" );
	});
});
$( "#removeClass" ).click(function() {
	$( this ).addClass( "current" ).removeClass( "current", duration );
});
$( "#toggleClass" ).click(function() {
	$( this ).toggleClass( "current", duration );
});

});
generated by cgit v1.2.3 (git 2.39.1) at 2025-08-15 15:07:14 +0000