-
Notifications
You must be signed in to change notification settings - Fork 0
/
jquery.buttonlite.js
101 lines (92 loc) · 2.46 KB
/
jquery.buttonlite.js
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
/*!
* jQuery Button Lite Plugin
* http://github.com/jzaefferer/button-lite
*
* Copyright 2010, Jörn Zaefferer
* Dual licensed under the MIT or GPL Version 2 licenses.
*
* Depends on:
* jquery.ui.widget.js
* jquery.ui.button.css (and base theme files)
*/
(function($) {
var lastActive;
$.widget( "ui.buttonlite", {
_create: function() {
var options = this.options;
if ( this.element.is( ":disabled" ) ) {
options.disabled = true;
}
this.element
.bind( "mouseenter.buttonlite", function() {
if ( options.disabled ) {
return;
}
$( this ).addClass( "ui-state-hover" );
if ( this === lastActive ) {
$( this ).addClass( "ui-state-active" );
}
})
.bind( "mouseleave.buttonlite", function() {
if ( options.disabled ) {
return;
}
$( this ).removeClass( "ui-state-hover" );
})
.bind( "focus.buttonlite", function() {
// no need to check disabled, focus won't be triggered anyway
$( this ).addClass( "ui-state-focus" );
})
.bind( "blur.buttonlite", function() {
$( this ).removeClass( "ui-state-focus" );
})
.bind( "mousedown.buttonlite", function() {
if ( options.disabled ) {
return false;
}
$( this ).addClass( "ui-state-active" );
lastActive = this;
$( document ).one( "mouseup", function() {
lastActive = null;
});
})
.bind( "mouseup.buttonlite", function() {
if ( options.disabled ) {
return false;
}
$( this ).removeClass( "ui-state-active" );
})
.bind( "keydown.buttonlite", function(event) {
if ( options.disabled ) {
return false;
}
if ( event.keyCode == $.ui.keyCode.SPACE || event.keyCode == $.ui.keyCode.ENTER ) {
$( this ).addClass( "ui-state-active" );
}
})
.bind( "keyup.buttonlite", function() {
$( this ).removeClass( "ui-state-active" );
});
if ( this.element.is("a") ) {
this.element.keyup(function(event) {
if ( event.keyCode === $.ui.keyCode.SPACE ) {
// TODO pass through original event correctly (just as 2nd argument doesn't work)
$( this ).click();
}
});
}
// TODO see comment on the original line in jquery.ui.button.js
this._setOption( "disabled", options.disabled );
},
_setOption: function( key, value ) {
$.Widget.prototype._setOption.apply( this, arguments );
if ( key === "disabled" ) {
if ( value ) {
this.element.attr( "disabled", true );
} else {
this.element.removeAttr( "disabled" );
}
}
}
});
})(jQuery);