- Complete conversion to 2-spaces, fixing issue #37 (also removed some extra/misplaced tabs/spaces in process)
This commit is contained in:
Brett Zamir
@@ -32,10 +32,10 @@
|
||||
* - Made adjustValue(0) only run on certain keyup events, not all.
|
||||
*
|
||||
* Tested in IE6, Opera9, Firefox 1.5
|
||||
* v1.0 11 Aug 2006 - George Adamson - First release
|
||||
* v1.1 Aug 2006 - George Adamson - Minor enhancements
|
||||
* v1.2 27 Sep 2006 - Mark Gibson - Major enhancements
|
||||
* v1.3a 28 Sep 2006 - George Adamson - Minor enhancements
|
||||
* v1.0 11 Aug 2006 - George Adamson - First release
|
||||
* v1.1 Aug 2006 - George Adamson - Minor enhancements
|
||||
* v1.2 27 Sep 2006 - Mark Gibson - Major enhancements
|
||||
* v1.3a 28 Sep 2006 - George Adamson - Minor enhancements
|
||||
* v1.4 18 Jun 2009 - Jeff Schiller - Added callback function
|
||||
* v1.5 06 Jul 2009 - Jeff Schiller - Fixes for Opera.
|
||||
* v1.6 13 Oct 2009 - Alexis Deveria - Added stepfunc function
|
||||
@@ -46,227 +46,227 @@
|
||||
|
||||
Sample usage:
|
||||
|
||||
// Create group of settings to initialise spinbutton(s). (Optional)
|
||||
var myOptions = {
|
||||
min: 0, // Set lower limit.
|
||||
max: 100, // Set upper limit.
|
||||
step: 1, // Set increment size.
|
||||
smallStep: 0.5, // Set shift-click increment size.
|
||||
spinClass: mySpinBtnClass, // CSS class to style the spinbutton. (Class also specifies url of the up/down button image.)
|
||||
upClass: mySpinUpClass, // CSS class for style when mouse over up button.
|
||||
downClass: mySpinDnClass // CSS class for style when mouse over down button.
|
||||
}
|
||||
// Create group of settings to initialise spinbutton(s). (Optional)
|
||||
var myOptions = {
|
||||
min: 0, // Set lower limit.
|
||||
max: 100, // Set upper limit.
|
||||
step: 1, // Set increment size.
|
||||
smallStep: 0.5, // Set shift-click increment size.
|
||||
spinClass: mySpinBtnClass, // CSS class to style the spinbutton. (Class also specifies url of the up/down button image.)
|
||||
upClass: mySpinUpClass, // CSS class for style when mouse over up button.
|
||||
downClass: mySpinDnClass // CSS class for style when mouse over down button.
|
||||
}
|
||||
|
||||
$(document).ready(function(){
|
||||
$(document).ready(function(){
|
||||
|
||||
// Initialise INPUT element(s) as SpinButtons: (passing options if desired)
|
||||
$("#myInputElement").SpinButton(myOptions);
|
||||
// Initialise INPUT element(s) as SpinButtons: (passing options if desired)
|
||||
$("#myInputElement").SpinButton(myOptions);
|
||||
|
||||
});
|
||||
});
|
||||
|
||||
*/
|
||||
$.fn.SpinButton = function (cfg) {
|
||||
'use strict';
|
||||
function coord (el, prop) {
|
||||
var c = el[prop], b = document.body;
|
||||
'use strict';
|
||||
function coord (el, prop) {
|
||||
var c = el[prop], b = document.body;
|
||||
|
||||
while ((el = el.offsetParent) && (el !== b)) {
|
||||
if (!$.browser.msie || (el.currentStyle.position !== 'relative')) {
|
||||
c += el[prop];
|
||||
}
|
||||
}
|
||||
while ((el = el.offsetParent) && (el !== b)) {
|
||||
if (!$.browser.msie || (el.currentStyle.position !== 'relative')) {
|
||||
c += el[prop];
|
||||
}
|
||||
}
|
||||
|
||||
return c;
|
||||
}
|
||||
return c;
|
||||
}
|
||||
|
||||
return this.each(function () {
|
||||
this.repeating = false;
|
||||
return this.each(function () {
|
||||
this.repeating = false;
|
||||
|
||||
// Apply specified options or defaults:
|
||||
// (Ought to refactor this some day to use $.extend() instead)
|
||||
this.spinCfg = {
|
||||
// min: cfg && cfg.min ? Number(cfg.min) : null,
|
||||
// max: cfg && cfg.max ? Number(cfg.max) : null,
|
||||
min: cfg && !isNaN(parseFloat(cfg.min)) ? Number(cfg.min) : null, // Fixes bug with min:0
|
||||
max: cfg && !isNaN(parseFloat(cfg.max)) ? Number(cfg.max) : null,
|
||||
step: cfg && cfg.step ? Number(cfg.step) : 1,
|
||||
stepfunc: cfg && cfg.stepfunc ? cfg.stepfunc : false,
|
||||
page: cfg && cfg.page ? Number(cfg.page) : 10,
|
||||
upClass: cfg && cfg.upClass ? cfg.upClass : 'up',
|
||||
downClass: cfg && cfg.downClass ? cfg.downClass : 'down',
|
||||
reset: cfg && cfg.reset ? cfg.reset : this.value,
|
||||
delay: cfg && cfg.delay ? Number(cfg.delay) : 500,
|
||||
interval: cfg && cfg.interval ? Number(cfg.interval) : 100,
|
||||
_btn_width: 20,
|
||||
_direction: null,
|
||||
_delay: null,
|
||||
_repeat: null,
|
||||
callback: cfg && cfg.callback ? cfg.callback : null
|
||||
};
|
||||
// Apply specified options or defaults:
|
||||
// (Ought to refactor this some day to use $.extend() instead)
|
||||
this.spinCfg = {
|
||||
// min: cfg && cfg.min ? Number(cfg.min) : null,
|
||||
// max: cfg && cfg.max ? Number(cfg.max) : null,
|
||||
min: cfg && !isNaN(parseFloat(cfg.min)) ? Number(cfg.min) : null, // Fixes bug with min:0
|
||||
max: cfg && !isNaN(parseFloat(cfg.max)) ? Number(cfg.max) : null,
|
||||
step: cfg && cfg.step ? Number(cfg.step) : 1,
|
||||
stepfunc: cfg && cfg.stepfunc ? cfg.stepfunc : false,
|
||||
page: cfg && cfg.page ? Number(cfg.page) : 10,
|
||||
upClass: cfg && cfg.upClass ? cfg.upClass : 'up',
|
||||
downClass: cfg && cfg.downClass ? cfg.downClass : 'down',
|
||||
reset: cfg && cfg.reset ? cfg.reset : this.value,
|
||||
delay: cfg && cfg.delay ? Number(cfg.delay) : 500,
|
||||
interval: cfg && cfg.interval ? Number(cfg.interval) : 100,
|
||||
_btn_width: 20,
|
||||
_direction: null,
|
||||
_delay: null,
|
||||
_repeat: null,
|
||||
callback: cfg && cfg.callback ? cfg.callback : null
|
||||
};
|
||||
|
||||
// if a smallStep isn't supplied, use half the regular step
|
||||
this.spinCfg.smallStep = cfg && cfg.smallStep ? cfg.smallStep : this.spinCfg.step / 2;
|
||||
// if a smallStep isn't supplied, use half the regular step
|
||||
this.spinCfg.smallStep = cfg && cfg.smallStep ? cfg.smallStep : this.spinCfg.step / 2;
|
||||
|
||||
this.adjustValue = function (i) {
|
||||
var v;
|
||||
if (isNaN(this.value)) {
|
||||
v = this.spinCfg.reset;
|
||||
} else if ($.isFunction(this.spinCfg.stepfunc)) {
|
||||
v = this.spinCfg.stepfunc(this, i);
|
||||
} else {
|
||||
// weirdest javascript bug ever: 5.1 + 0.1 = 5.199999999
|
||||
v = Number((Number(this.value) + Number(i)).toFixed(5));
|
||||
}
|
||||
if (this.spinCfg.min !== null) { v = Math.max(v, this.spinCfg.min); }
|
||||
if (this.spinCfg.max !== null) { v = Math.min(v, this.spinCfg.max); }
|
||||
this.value = v;
|
||||
if ($.isFunction(this.spinCfg.callback)) { this.spinCfg.callback(this); }
|
||||
};
|
||||
this.adjustValue = function (i) {
|
||||
var v;
|
||||
if (isNaN(this.value)) {
|
||||
v = this.spinCfg.reset;
|
||||
} else if ($.isFunction(this.spinCfg.stepfunc)) {
|
||||
v = this.spinCfg.stepfunc(this, i);
|
||||
} else {
|
||||
// weirdest javascript bug ever: 5.1 + 0.1 = 5.199999999
|
||||
v = Number((Number(this.value) + Number(i)).toFixed(5));
|
||||
}
|
||||
if (this.spinCfg.min !== null) { v = Math.max(v, this.spinCfg.min); }
|
||||
if (this.spinCfg.max !== null) { v = Math.min(v, this.spinCfg.max); }
|
||||
this.value = v;
|
||||
if ($.isFunction(this.spinCfg.callback)) { this.spinCfg.callback(this); }
|
||||
};
|
||||
|
||||
$(this)
|
||||
.addClass(cfg && cfg.spinClass ? cfg.spinClass : 'spin-button')
|
||||
$(this)
|
||||
.addClass(cfg && cfg.spinClass ? cfg.spinClass : 'spin-button')
|
||||
|
||||
.mousemove(function (e) {
|
||||
// Determine which button mouse is over, or not (spin direction):
|
||||
var x = e.pageX || e.x;
|
||||
var y = e.pageY || e.y;
|
||||
var el = e.target || e.srcElement;
|
||||
var scale = svgEditor.tool_scale || 1;
|
||||
var height = $(el).height() / 2;
|
||||
.mousemove(function (e) {
|
||||
// Determine which button mouse is over, or not (spin direction):
|
||||
var x = e.pageX || e.x;
|
||||
var y = e.pageY || e.y;
|
||||
var el = e.target || e.srcElement;
|
||||
var scale = svgEditor.tool_scale || 1;
|
||||
var height = $(el).height() / 2;
|
||||
|
||||
var direction =
|
||||
(x > coord(el, 'offsetLeft') +
|
||||
el.offsetWidth * scale - this.spinCfg._btn_width)
|
||||
? ((y < coord(el, 'offsetTop') + height * scale) ? 1 : -1) : 0;
|
||||
var direction =
|
||||
(x > coord(el, 'offsetLeft') +
|
||||
el.offsetWidth * scale - this.spinCfg._btn_width)
|
||||
? ((y < coord(el, 'offsetTop') + height * scale) ? 1 : -1) : 0;
|
||||
|
||||
if (direction !== this.spinCfg._direction) {
|
||||
// Style up/down buttons:
|
||||
switch (direction) {
|
||||
case 1: // Up arrow:
|
||||
$(this).removeClass(this.spinCfg.downClass).addClass(this.spinCfg.upClass);
|
||||
break;
|
||||
case -1: // Down arrow:
|
||||
$(this).removeClass(this.spinCfg.upClass).addClass(this.spinCfg.downClass);
|
||||
break;
|
||||
default: // Mouse is elsewhere in the textbox
|
||||
$(this).removeClass(this.spinCfg.upClass).removeClass(this.spinCfg.downClass);
|
||||
}
|
||||
if (direction !== this.spinCfg._direction) {
|
||||
// Style up/down buttons:
|
||||
switch (direction) {
|
||||
case 1: // Up arrow:
|
||||
$(this).removeClass(this.spinCfg.downClass).addClass(this.spinCfg.upClass);
|
||||
break;
|
||||
case -1: // Down arrow:
|
||||
$(this).removeClass(this.spinCfg.upClass).addClass(this.spinCfg.downClass);
|
||||
break;
|
||||
default: // Mouse is elsewhere in the textbox
|
||||
$(this).removeClass(this.spinCfg.upClass).removeClass(this.spinCfg.downClass);
|
||||
}
|
||||
|
||||
// Set spin direction:
|
||||
this.spinCfg._direction = direction;
|
||||
}
|
||||
})
|
||||
// Set spin direction:
|
||||
this.spinCfg._direction = direction;
|
||||
}
|
||||
})
|
||||
|
||||
.mouseout(function () {
|
||||
// Reset up/down buttons to their normal appearance when mouse moves away:
|
||||
$(this).removeClass(this.spinCfg.upClass).removeClass(this.spinCfg.downClass);
|
||||
this.spinCfg._direction = null;
|
||||
window.clearInterval(this.spinCfg._repeat);
|
||||
window.clearTimeout(this.spinCfg._delay);
|
||||
})
|
||||
.mouseout(function () {
|
||||
// Reset up/down buttons to their normal appearance when mouse moves away:
|
||||
$(this).removeClass(this.spinCfg.upClass).removeClass(this.spinCfg.downClass);
|
||||
this.spinCfg._direction = null;
|
||||
window.clearInterval(this.spinCfg._repeat);
|
||||
window.clearTimeout(this.spinCfg._delay);
|
||||
})
|
||||
|
||||
.mousedown(function (e) {
|
||||
if (e.button === 0 && this.spinCfg._direction !== 0) {
|
||||
// Respond to click on one of the buttons:
|
||||
var self = this;
|
||||
var stepSize = e.shiftKey ? self.spinCfg.smallStep : self.spinCfg.step;
|
||||
.mousedown(function (e) {
|
||||
if (e.button === 0 && this.spinCfg._direction !== 0) {
|
||||
// Respond to click on one of the buttons:
|
||||
var self = this;
|
||||
var stepSize = e.shiftKey ? self.spinCfg.smallStep : self.spinCfg.step;
|
||||
|
||||
var adjust = function () {
|
||||
self.adjustValue(self.spinCfg._direction * stepSize);
|
||||
};
|
||||
var adjust = function () {
|
||||
self.adjustValue(self.spinCfg._direction * stepSize);
|
||||
};
|
||||
|
||||
adjust();
|
||||
adjust();
|
||||
|
||||
// Initial delay before repeating adjustment
|
||||
self.spinCfg._delay = window.setTimeout(function () {
|
||||
adjust();
|
||||
// Repeat adjust at regular intervals
|
||||
self.spinCfg._repeat = window.setInterval(adjust, self.spinCfg.interval);
|
||||
}, self.spinCfg.delay);
|
||||
}
|
||||
})
|
||||
// Initial delay before repeating adjustment
|
||||
self.spinCfg._delay = window.setTimeout(function () {
|
||||
adjust();
|
||||
// Repeat adjust at regular intervals
|
||||
self.spinCfg._repeat = window.setInterval(adjust, self.spinCfg.interval);
|
||||
}, self.spinCfg.delay);
|
||||
}
|
||||
})
|
||||
|
||||
.mouseup(function (e) {
|
||||
// Cancel repeating adjustment
|
||||
window.clearInterval(this.spinCfg._repeat);
|
||||
window.clearTimeout(this.spinCfg._delay);
|
||||
})
|
||||
.mouseup(function (e) {
|
||||
// Cancel repeating adjustment
|
||||
window.clearInterval(this.spinCfg._repeat);
|
||||
window.clearTimeout(this.spinCfg._delay);
|
||||
})
|
||||
|
||||
.dblclick(function (e) {
|
||||
if ($.browser.msie) {
|
||||
this.adjustValue(this.spinCfg._direction * this.spinCfg.step);
|
||||
}
|
||||
})
|
||||
.dblclick(function (e) {
|
||||
if ($.browser.msie) {
|
||||
this.adjustValue(this.spinCfg._direction * this.spinCfg.step);
|
||||
}
|
||||
})
|
||||
|
||||
.keydown(function (e) {
|
||||
// Respond to up/down arrow keys.
|
||||
switch (e.keyCode) {
|
||||
case 38: this.adjustValue(this.spinCfg.step); break; // Up
|
||||
case 40: this.adjustValue(-this.spinCfg.step); break; // Down
|
||||
case 33: this.adjustValue(this.spinCfg.page); break; // PageUp
|
||||
case 34: this.adjustValue(-this.spinCfg.page); break; // PageDown
|
||||
}
|
||||
})
|
||||
.keydown(function (e) {
|
||||
// Respond to up/down arrow keys.
|
||||
switch (e.keyCode) {
|
||||
case 38: this.adjustValue(this.spinCfg.step); break; // Up
|
||||
case 40: this.adjustValue(-this.spinCfg.step); break; // Down
|
||||
case 33: this.adjustValue(this.spinCfg.page); break; // PageUp
|
||||
case 34: this.adjustValue(-this.spinCfg.page); break; // PageDown
|
||||
}
|
||||
})
|
||||
|
||||
/*
|
||||
http://unixpapa.com/js/key.html describes the current state-of-affairs for
|
||||
key repeat events:
|
||||
- Safari 3.1 changed their model so that keydown is reliably repeated going forward
|
||||
- Firefox and Opera still only repeat the keypress event, not the keydown
|
||||
*/
|
||||
.keypress(function (e) {
|
||||
if (this.repeating) {
|
||||
// Respond to up/down arrow keys.
|
||||
switch (e.keyCode) {
|
||||
case 38: this.adjustValue(this.spinCfg.step); break; // Up
|
||||
case 40: this.adjustValue(-this.spinCfg.step); break; // Down
|
||||
case 33: this.adjustValue(this.spinCfg.page); break; // PageUp
|
||||
case 34: this.adjustValue(-this.spinCfg.page); break; // PageDown
|
||||
}
|
||||
// we always ignore the first keypress event (use the keydown instead)
|
||||
} else {
|
||||
this.repeating = true;
|
||||
}
|
||||
})
|
||||
/*
|
||||
http://unixpapa.com/js/key.html describes the current state-of-affairs for
|
||||
key repeat events:
|
||||
- Safari 3.1 changed their model so that keydown is reliably repeated going forward
|
||||
- Firefox and Opera still only repeat the keypress event, not the keydown
|
||||
*/
|
||||
.keypress(function (e) {
|
||||
if (this.repeating) {
|
||||
// Respond to up/down arrow keys.
|
||||
switch (e.keyCode) {
|
||||
case 38: this.adjustValue(this.spinCfg.step); break; // Up
|
||||
case 40: this.adjustValue(-this.spinCfg.step); break; // Down
|
||||
case 33: this.adjustValue(this.spinCfg.page); break; // PageUp
|
||||
case 34: this.adjustValue(-this.spinCfg.page); break; // PageDown
|
||||
}
|
||||
// we always ignore the first keypress event (use the keydown instead)
|
||||
} else {
|
||||
this.repeating = true;
|
||||
}
|
||||
})
|
||||
|
||||
// clear the 'repeating' flag
|
||||
.keyup(function (e) {
|
||||
this.repeating = false;
|
||||
switch (e.keyCode) {
|
||||
case 38: // Up
|
||||
case 40: // Down
|
||||
case 33: // PageUp
|
||||
case 34: // PageDown
|
||||
case 13: this.adjustValue(0); break; // Enter/Return
|
||||
}
|
||||
})
|
||||
// clear the 'repeating' flag
|
||||
.keyup(function (e) {
|
||||
this.repeating = false;
|
||||
switch (e.keyCode) {
|
||||
case 38: // Up
|
||||
case 40: // Down
|
||||
case 33: // PageUp
|
||||
case 34: // PageDown
|
||||
case 13: this.adjustValue(0); break; // Enter/Return
|
||||
}
|
||||
})
|
||||
|
||||
.bind('mousewheel', function (e) {
|
||||
// Respond to mouse wheel in IE. (It returns up/dn motion in multiples of 120)
|
||||
if (e.wheelDelta >= 120) {
|
||||
this.adjustValue(this.spinCfg.step);
|
||||
} else if (e.wheelDelta <= -120) {
|
||||
this.adjustValue(-this.spinCfg.step);
|
||||
}
|
||||
.bind('mousewheel', function (e) {
|
||||
// Respond to mouse wheel in IE. (It returns up/dn motion in multiples of 120)
|
||||
if (e.wheelDelta >= 120) {
|
||||
this.adjustValue(this.spinCfg.step);
|
||||
} else if (e.wheelDelta <= -120) {
|
||||
this.adjustValue(-this.spinCfg.step);
|
||||
}
|
||||
|
||||
e.preventDefault();
|
||||
})
|
||||
e.preventDefault();
|
||||
})
|
||||
|
||||
.change(function (e) {
|
||||
this.adjustValue(0);
|
||||
});
|
||||
.change(function (e) {
|
||||
this.adjustValue(0);
|
||||
});
|
||||
|
||||
if (this.addEventListener) {
|
||||
// Respond to mouse wheel in Firefox
|
||||
this.addEventListener('DOMMouseScroll', function (e) {
|
||||
if (e.detail > 0) {
|
||||
this.adjustValue(-this.spinCfg.step);
|
||||
} else if (e.detail < 0) {
|
||||
this.adjustValue(this.spinCfg.step);
|
||||
}
|
||||
if (this.addEventListener) {
|
||||
// Respond to mouse wheel in Firefox
|
||||
this.addEventListener('DOMMouseScroll', function (e) {
|
||||
if (e.detail > 0) {
|
||||
this.adjustValue(-this.spinCfg.step);
|
||||
} else if (e.detail < 0) {
|
||||
this.adjustValue(this.spinCfg.step);
|
||||
}
|
||||
|
||||
e.preventDefault();
|
||||
}, false);
|
||||
}
|
||||
});
|
||||
e.preventDefault();
|
||||
}, false);
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user