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
108
109
110
111
112
113
114
|
(function($) {
$.widget("ui.spinner", {
init: function() {
//Initialize needed constants
var self = this;
this.element.addClass("ui-spinner");
this.element[0].value = this.options.start;
var pickerHeight = this.element.innerHeight() / 2 - parseInt(this.element.css("borderTopWidth"),10) - 2;
this.element
.wrap("<div>")
.parent()
.css({
position: this.element.css("position") == "static" ? "relative" : this.element.css("position"),
left: this.element.css("left"),
top: this.element.css("top"),
width: this.element.outerWidth(),
height: this.element.outerHeight()
})
.css("float", this.element.css("float"))
.prepend('<div class="ui-spinner-up"></div>')
.find("div.ui-spinner-up")
.bind("mousedown", function() { if(!self.counter) self.counter = 1; self.mousedown(100, "up"); })
.bind("mouseup", function(e) { self.counter = 0; if(self.timer) window.clearInterval(self.timer); self.element[0].focus(); self.propagate("change", e); })
.css({ height: pickerHeight, top: parseInt(this.element.css("borderTopWidth"),10)+1, right: parseInt(this.element.css("borderRightWidth"),10)+1 })
.end()
.append('<div class="ui-spinner-down"></div>')
.find("div.ui-spinner-down")
.bind("mousedown", function() { if(!self.counter) self.counter = 1; self.mousedown(100, "down"); })
.bind("mouseup", function(e) { self.counter = 0; if(self.timer) window.clearInterval(self.timer); self.element[0].focus(); self.propagate("change", e); })
.css({ height: pickerHeight, bottom: parseInt(this.element.css("borderBottomWidth"),10)+1, right: parseInt(this.element.css("borderRightWidth"),10)+1 })
.end()
;
this.element
.bind("keydown.spinner", function(e) {
if(!self.counter) self.counter = 1;
self.keydown.call(self, e);
})
.bind("keyup.spinner", function(e) {
self.counter = 0;
self.cleanUp();
self.propagate("change", e);
})
;
},
plugins: {},
constrain: function() {
if(this.options.min != undefined && this.element[0].value < this.options.min) this.element[0].value = this.options.min;
if(this.options.max != undefined && this.element[0].value > this.options.max) this.element[0].value = this.options.max;
},
cleanUp: function() {
this.element[0].value = this.element[0].value.replace(/[^0-9\-]/g, '');
this.constrain();
},
down: function(e) {
if(isNaN(parseInt(this.element[0].value,10))) this.element[0].value = this.options.start;
this.element[0].value -= (this.options.incremental && this.counter > 100 ? (this.counter > 200 ? 100 : 10) : 1) * this.options.stepping;
this.constrain();
if(this.counter) this.counter++;
this.propagate("spin", e);
},
up: function(e) {
if(isNaN(parseInt(this.element[0].value,10))) this.element[0].value = this.options.start;
this.element[0].value = parseFloat(this.element[0].value) + (this.options.incremental && this.counter > 100 ? (this.counter > 200 ? 100 : 10) : 1) * this.options.stepping;
this.constrain();
if(this.counter) this.counter++;
this.propagate("spin", e);
},
mousedown: function(i, d) {
var self = this;
i = i || 100;
if(this.timer) window.clearInterval(this.timer);
this.timer = window.setInterval(function() {
self[d]();
if(self.counter > 20) self.mousedown(20, d);
}, i);
},
keydown: function(e) {
if(e.keyCode == 38 || e.keyCode == 39) this.up(e);
if(e.keyCode == 40 || e.keyCode == 37) this.down(e);
if(e.keyCode == 36) this.element[0].value = this.options.min || this.options.start; //Home key goes to min, if defined, else to start
if(e.keyCode == 35 && this.options.max != undefined) this.element[0].value = this.options.max; //End key goes to maximum
},
ui: function(e) {
return {
instance: this,
options: this.options,
element: this.element
};
},
propagate: function(n,e) {
$.ui.plugin.call(this, n, [e, this.ui()]);
return this.element.triggerHandler(n == "spin" ? n : "spin"+n, [e, this.ui()], this.options[n]);
},
destroy: function() {
if(!$.data(this.element[0], 'spinner')) return;
this.element
.removeClass("ui-spinner ui-spinner-disabled")
.removeData("spinner")
.unbind(".spinner");
}
});
$.ui.spinner.defaults = {
stepping: 1,
start: 0,
incremental: true
};
})(jQuery);
|
