small modifications to spin button
git-svn-id: http://svg-edit.googlecode.com/svn/trunk@280 eee81c28-f429-11dd-99c0-75d572ba1dddmaster
Pavol Rusnak
parent
aecefebcc0
commit
cc545ba273
|
|
@ -1,41 +1,41 @@
|
||||||
/*
|
/*
|
||||||
Styles to make ordinary <INPUT type="text"/> look like a spinbutton/spinbox control.
|
Styles to make ordinary <INPUT type="text"/> look like a spinbutton/spinbox control.
|
||||||
Use with JQuerySpinBtn.js to provide the spin functionality by reacting to mouse etc.
|
Use with JQuerySpinBtn.js to provide the spin functionality by reacting to mouse etc.
|
||||||
(Requires a reference to the JQuery library found at http://jquery.com/src/latest/)
|
(Requires a reference to the JQuery library found at http://jquery.com/src/latest/)
|
||||||
(Hats-off to John Resig for creating the excellent JQuery library. It is fab.)
|
(Hats-off to John Resig for creating the excellent JQuery library. It is fab.)
|
||||||
|
|
||||||
This control is achieved with no extra html markup whatsoever and uses unobtrusive javascript.
|
This control is achieved with no extra html markup whatsoever and uses unobtrusive javascript.
|
||||||
|
|
||||||
Written by George Adamson, Software Unity (george.jquery@softwareunity.com) September 2006.
|
Written by George Adamson, Software Unity (george.jquery@softwareunity.com) September 2006.
|
||||||
Big improvements added by Mark Gibson, (mgibson@designlinks.net) September 2006.
|
Big improvements added by Mark Gibson, (mgibson@designlinks.net) September 2006.
|
||||||
|
|
||||||
Do contact me with comments and suggestions but please don't ask for support.
|
Do contact me with comments and suggestions but please don't ask for support.
|
||||||
As much as I'd love to help with specific problems I have plenty to get on with already!
|
As much as I'd love to help with specific problems I have plenty to get on with already!
|
||||||
|
|
||||||
Go ahead and use it in your own projects. This code is provided 'as is'.
|
Go ahead and use it in your own projects. This code is provided 'as is'.
|
||||||
Sure I've tested in heaps of ways. Its good for me, but you use it at your own risk.
|
Sure I've tested in heaps of ways. Its good for me, but you use it at your own risk.
|
||||||
SoftwareUnity and I are certainly not responsible if your computer sets fire to the sofa,
|
SoftwareUnity and I are certainly not responsible if your computer sets fire to the sofa,
|
||||||
hacks into the pentagon, hijacks a plane or gives you any kind of hassle whatsoever.
|
hacks into the pentagon, hijacks a plane or gives you any kind of hassle whatsoever.
|
||||||
|
|
||||||
If you'd like your spin-button image in a different place then you'll need to alter both
|
If you'd like your spin-button image in a different place then you'll need to alter both
|
||||||
the CSS below and the javascript isMouseOverUpDn() function to accommodate the new position.
|
the CSS below and the javascript isMouseOverUpDn() function to accommodate the new position.
|
||||||
You could even have left and right buttons either side of the textbox.
|
You could even have left and right buttons either side of the textbox.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
INPUT.spin-button {
|
INPUT.spin-button {
|
||||||
/* explicitly put padding for top/bottom/left in here so that Opera displays it better */
|
/* explicitly put padding for top/bottom/left in here so that Opera displays it better */
|
||||||
padding: 2px 20px 2px 2px;
|
padding: 2px 20px 2px 2px;
|
||||||
background-repeat:no-repeat; /* Warning: Img may disappear in Firefox if you use 'background-attachment:fixed' ! */
|
background-repeat:no-repeat; /* Warning: Img may disappear in Firefox if you use 'background-attachment:fixed' ! */
|
||||||
background-position:100% 0%;
|
background-position:100% 0%;
|
||||||
background-image:url(spinbtn_updn.gif);
|
background-image:url('spinbtn_updn.png');
|
||||||
background-color:white; /* Needed for Opera */
|
background-color:white; /* Needed for Opera */
|
||||||
}
|
}
|
||||||
|
|
||||||
INPUT.spin-button.up { /* Change button img when mouse is over the UP-arrow */
|
INPUT.spin-button.up { /* Change button img when mouse is over the UP-arrow */
|
||||||
cursor:pointer;
|
cursor:pointer;
|
||||||
background-position:100% -18px; /* 18px matches height of 2 visible buttons */
|
background-position:100% -18px; /* 18px matches height of 2 visible buttons */
|
||||||
}
|
}
|
||||||
INPUT.spin-button.down { /* Change button img when mouse is over the DOWN-arrow */
|
INPUT.spin-button.down { /* Change button img when mouse is over the DOWN-arrow */
|
||||||
cursor:pointer;
|
cursor:pointer;
|
||||||
background-position:100% -36px; /* 36px matches height of 2x2 visible buttons */
|
background-position:100% -36px; /* 36px matches height of 2x2 visible buttons */
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,234 +1,234 @@
|
||||||
/* SpinButton control
|
/* SpinButton control
|
||||||
*
|
*
|
||||||
* Adds bells and whistles to any ordinary textbox to
|
* Adds bells and whistles to any ordinary textbox to
|
||||||
* make it look and feel like a SpinButton Control.
|
* make it look and feel like a SpinButton Control.
|
||||||
*
|
*
|
||||||
* Originally written by George Adamson, Software Unity (george.jquery@softwareunity.com) August 2006.
|
* Originally written by George Adamson, Software Unity (george.jquery@softwareunity.com) August 2006.
|
||||||
* - Added min/max options
|
* - Added min/max options
|
||||||
* - Added step size option
|
* - Added step size option
|
||||||
* - Added bigStep (page up/down) option
|
* - Added bigStep (page up/down) option
|
||||||
*
|
*
|
||||||
* Modifications made by Mark Gibson, (mgibson@designlinks.net) September 2006:
|
* Modifications made by Mark Gibson, (mgibson@designlinks.net) September 2006:
|
||||||
* - Converted to jQuery plugin
|
* - Converted to jQuery plugin
|
||||||
* - Allow limited or unlimited min/max values
|
* - Allow limited or unlimited min/max values
|
||||||
* - Allow custom class names, and add class to input element
|
* - Allow custom class names, and add class to input element
|
||||||
* - Removed global vars
|
* - Removed global vars
|
||||||
* - Reset (to original or through config) when invalid value entered
|
* - Reset (to original or through config) when invalid value entered
|
||||||
* - Repeat whilst holding mouse button down (with initial pause, like keyboard repeat)
|
* - Repeat whilst holding mouse button down (with initial pause, like keyboard repeat)
|
||||||
* - Support mouse wheel in Firefox
|
* - Support mouse wheel in Firefox
|
||||||
* - Fix double click in IE
|
* - Fix double click in IE
|
||||||
* - Refactored some code and renamed some vars
|
* - Refactored some code and renamed some vars
|
||||||
*
|
*
|
||||||
* Modifications by Jeff Schiller, June 2009:
|
* Modifications by Jeff Schiller, June 2009:
|
||||||
* - provide callback function for when the value changes based on the following
|
* - provide callback function for when the value changes based on the following
|
||||||
* http://www.mail-archive.com/jquery-en@googlegroups.com/msg36070.html
|
* http://www.mail-archive.com/jquery-en@googlegroups.com/msg36070.html
|
||||||
* Modifications by Jeff Schiller, July 2009:
|
* Modifications by Jeff Schiller, July 2009:
|
||||||
* - improve styling for widget in Opera
|
* - improve styling for widget in Opera
|
||||||
* - consistent key-repeat handling cross-browser
|
* - consistent key-repeat handling cross-browser
|
||||||
*
|
*
|
||||||
* Tested in IE6, Opera9, Firefox 1.5
|
* Tested in IE6, Opera9, Firefox 1.5
|
||||||
* v1.0 11 Aug 2006 - George Adamson - First release
|
* v1.0 11 Aug 2006 - George Adamson - First release
|
||||||
* v1.1 Aug 2006 - George Adamson - Minor enhancements
|
* v1.1 Aug 2006 - George Adamson - Minor enhancements
|
||||||
* v1.2 27 Sep 2006 - Mark Gibson - Major enhancements
|
* v1.2 27 Sep 2006 - Mark Gibson - Major enhancements
|
||||||
* v1.3a 28 Sep 2006 - George Adamson - Minor enhancements
|
* v1.3a 28 Sep 2006 - George Adamson - Minor enhancements
|
||||||
* v1.4 18 Jun 2009 - Jeff Schiller - Added callback function
|
* v1.4 18 Jun 2009 - Jeff Schiller - Added callback function
|
||||||
* v1.5 06 Jul 2009 - Jeff Schiller - Fixes for Opera.
|
* v1.5 06 Jul 2009 - Jeff Schiller - Fixes for Opera.
|
||||||
* Fast-repeat for keys and live updating as you type.
|
* Fast-repeat for keys and live updating as you type.
|
||||||
|
|
||||||
Sample usage:
|
Sample usage:
|
||||||
|
|
||||||
// Create group of settings to initialise spinbutton(s). (Optional)
|
// Create group of settings to initialise spinbutton(s). (Optional)
|
||||||
var myOptions = {
|
var myOptions = {
|
||||||
min: 0, // Set lower limit.
|
min: 0, // Set lower limit.
|
||||||
max: 100, // Set upper limit.
|
max: 100, // Set upper limit.
|
||||||
step: 1, // Set increment size.
|
step: 1, // Set increment size.
|
||||||
spinClass: mySpinBtnClass, // CSS class to style the spinbutton. (Class also specifies url of the up/down button image.)
|
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.
|
upClass: mySpinUpClass, // CSS class for style when mouse over up button.
|
||||||
downClass: mySpinDnClass // CSS class for style when mouse over down 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)
|
// Initialise INPUT element(s) as SpinButtons: (passing options if desired)
|
||||||
$("#myInputElement").SpinButton(myOptions);
|
$("#myInputElement").SpinButton(myOptions);
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
*/
|
*/
|
||||||
$.fn.SpinButton = function(cfg){
|
$.fn.SpinButton = function(cfg){
|
||||||
return this.each(function(){
|
return this.each(function(){
|
||||||
|
|
||||||
this.repeating = false;
|
this.repeating = false;
|
||||||
|
|
||||||
// Apply specified options or defaults:
|
// Apply specified options or defaults:
|
||||||
// (Ought to refactor this some day to use $.extend() instead)
|
// (Ought to refactor this some day to use $.extend() instead)
|
||||||
this.spinCfg = {
|
this.spinCfg = {
|
||||||
//min: cfg && cfg.min ? Number(cfg.min) : null,
|
//min: cfg && cfg.min ? Number(cfg.min) : null,
|
||||||
//max: cfg && cfg.max ? Number(cfg.max) : null,
|
//max: cfg && cfg.max ? Number(cfg.max) : null,
|
||||||
min: cfg && !isNaN(parseFloat(cfg.min)) ? Number(cfg.min) : null, // Fixes bug with min:0
|
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,
|
max: cfg && !isNaN(parseFloat(cfg.max)) ? Number(cfg.max) : null,
|
||||||
step: cfg && cfg.step ? Number(cfg.step) : 1,
|
step: cfg && cfg.step ? Number(cfg.step) : 1,
|
||||||
page: cfg && cfg.page ? Number(cfg.page) : 10,
|
page: cfg && cfg.page ? Number(cfg.page) : 10,
|
||||||
upClass: cfg && cfg.upClass ? cfg.upClass : 'up',
|
upClass: cfg && cfg.upClass ? cfg.upClass : 'up',
|
||||||
downClass: cfg && cfg.downClass ? cfg.downClass : 'down',
|
downClass: cfg && cfg.downClass ? cfg.downClass : 'down',
|
||||||
reset: cfg && cfg.reset ? cfg.reset : this.value,
|
reset: cfg && cfg.reset ? cfg.reset : this.value,
|
||||||
delay: cfg && cfg.delay ? Number(cfg.delay) : 500,
|
delay: cfg && cfg.delay ? Number(cfg.delay) : 500,
|
||||||
interval: cfg && cfg.interval ? Number(cfg.interval) : 100,
|
interval: cfg && cfg.interval ? Number(cfg.interval) : 100,
|
||||||
_btn_width: 20,
|
_btn_width: 20,
|
||||||
_btn_height: 12,
|
_btn_height: 12,
|
||||||
_direction: null,
|
_direction: null,
|
||||||
_delay: null,
|
_delay: null,
|
||||||
_repeat: null,
|
_repeat: null,
|
||||||
callback: cfg && cfg.callback ? cfg.callback : null,
|
callback: cfg && cfg.callback ? cfg.callback : null,
|
||||||
};
|
};
|
||||||
|
|
||||||
this.adjustValue = function(i){
|
this.adjustValue = function(i){
|
||||||
var v = (isNaN(this.value) ? this.spinCfg.reset : Number(this.value)) + Number(i);
|
var v = (isNaN(this.value) ? this.spinCfg.reset : Number(this.value)) + Number(i);
|
||||||
if (this.spinCfg.min !== null) v = Math.max(v, this.spinCfg.min);
|
if (this.spinCfg.min !== null) v = Math.max(v, this.spinCfg.min);
|
||||||
if (this.spinCfg.max !== null) v = Math.min(v, this.spinCfg.max);
|
if (this.spinCfg.max !== null) v = Math.min(v, this.spinCfg.max);
|
||||||
this.value = v;
|
this.value = v;
|
||||||
if ($.isFunction(this.spinCfg.callback)) this.spinCfg.callback(this);
|
if ($.isFunction(this.spinCfg.callback)) this.spinCfg.callback(this);
|
||||||
};
|
};
|
||||||
|
|
||||||
$(this)
|
$(this)
|
||||||
.addClass(cfg && cfg.spinClass ? cfg.spinClass : 'spin-button')
|
.addClass(cfg && cfg.spinClass ? cfg.spinClass : 'spin-button')
|
||||||
|
|
||||||
.mousemove(function(e){
|
.mousemove(function(e){
|
||||||
// Determine which button mouse is over, or not (spin direction):
|
// Determine which button mouse is over, or not (spin direction):
|
||||||
var x = e.pageX || e.x;
|
var x = e.pageX || e.x;
|
||||||
var y = e.pageY || e.y;
|
var y = e.pageY || e.y;
|
||||||
var el = e.target || e.srcElement;
|
var el = e.target || e.srcElement;
|
||||||
var direction =
|
var direction =
|
||||||
(x > coord(el,'offsetLeft') + el.offsetWidth - this.spinCfg._btn_width)
|
(x > coord(el,'offsetLeft') + el.offsetWidth - this.spinCfg._btn_width)
|
||||||
? ((y < coord(el,'offsetTop') + this.spinCfg._btn_height) ? 1 : -1) : 0;
|
? ((y < coord(el,'offsetTop') + this.spinCfg._btn_height) ? 1 : -1) : 0;
|
||||||
|
|
||||||
if (direction !== this.spinCfg._direction) {
|
if (direction !== this.spinCfg._direction) {
|
||||||
// Style up/down buttons:
|
// Style up/down buttons:
|
||||||
switch(direction){
|
switch(direction){
|
||||||
case 1: // Up arrow:
|
case 1: // Up arrow:
|
||||||
$(this).removeClass(this.spinCfg.downClass).addClass(this.spinCfg.upClass);
|
$(this).removeClass(this.spinCfg.downClass).addClass(this.spinCfg.upClass);
|
||||||
break;
|
break;
|
||||||
case -1: // Down arrow:
|
case -1: // Down arrow:
|
||||||
$(this).removeClass(this.spinCfg.upClass).addClass(this.spinCfg.downClass);
|
$(this).removeClass(this.spinCfg.upClass).addClass(this.spinCfg.downClass);
|
||||||
break;
|
break;
|
||||||
default: // Mouse is elsewhere in the textbox
|
default: // Mouse is elsewhere in the textbox
|
||||||
$(this).removeClass(this.spinCfg.upClass).removeClass(this.spinCfg.downClass);
|
$(this).removeClass(this.spinCfg.upClass).removeClass(this.spinCfg.downClass);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Set spin direction:
|
// Set spin direction:
|
||||||
this.spinCfg._direction = direction;
|
this.spinCfg._direction = direction;
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
.mouseout(function(){
|
.mouseout(function(){
|
||||||
// Reset up/down buttons to their normal appearance when mouse moves away:
|
// Reset up/down buttons to their normal appearance when mouse moves away:
|
||||||
$(this).removeClass(this.spinCfg.upClass).removeClass(this.spinCfg.downClass);
|
$(this).removeClass(this.spinCfg.upClass).removeClass(this.spinCfg.downClass);
|
||||||
this.spinCfg._direction = null;
|
this.spinCfg._direction = null;
|
||||||
})
|
})
|
||||||
|
|
||||||
.mousedown(function(e){
|
.mousedown(function(e){
|
||||||
if (this.spinCfg._direction != 0) {
|
if (this.spinCfg._direction != 0) {
|
||||||
// Respond to click on one of the buttons:
|
// Respond to click on one of the buttons:
|
||||||
var self = this;
|
var self = this;
|
||||||
var adjust = function() {
|
var adjust = function() {
|
||||||
self.adjustValue(self.spinCfg._direction * self.spinCfg.step);
|
self.adjustValue(self.spinCfg._direction * self.spinCfg.step);
|
||||||
};
|
};
|
||||||
|
|
||||||
adjust();
|
adjust();
|
||||||
|
|
||||||
// Initial delay before repeating adjustment
|
// Initial delay before repeating adjustment
|
||||||
self.spinCfg._delay = window.setTimeout(function() {
|
self.spinCfg._delay = window.setTimeout(function() {
|
||||||
adjust();
|
adjust();
|
||||||
// Repeat adjust at regular intervals
|
// Repeat adjust at regular intervals
|
||||||
self.spinCfg._repeat = window.setInterval(adjust, self.spinCfg.interval);
|
self.spinCfg._repeat = window.setInterval(adjust, self.spinCfg.interval);
|
||||||
}, self.spinCfg.delay);
|
}, self.spinCfg.delay);
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
.mouseup(function(e){
|
.mouseup(function(e){
|
||||||
// Cancel repeating adjustment
|
// Cancel repeating adjustment
|
||||||
window.clearInterval(this.spinCfg._repeat);
|
window.clearInterval(this.spinCfg._repeat);
|
||||||
window.clearTimeout(this.spinCfg._delay);
|
window.clearTimeout(this.spinCfg._delay);
|
||||||
})
|
})
|
||||||
|
|
||||||
.dblclick(function(e) {
|
.dblclick(function(e) {
|
||||||
if ($.browser.msie)
|
if ($.browser.msie)
|
||||||
this.adjustValue(this.spinCfg._direction * this.spinCfg.step);
|
this.adjustValue(this.spinCfg._direction * this.spinCfg.step);
|
||||||
})
|
})
|
||||||
|
|
||||||
.keydown(function(e){
|
.keydown(function(e){
|
||||||
// Respond to up/down arrow keys.
|
// Respond to up/down arrow keys.
|
||||||
switch(e.keyCode){
|
switch(e.keyCode){
|
||||||
case 38: this.adjustValue(this.spinCfg.step); break; // Up
|
case 38: this.adjustValue(this.spinCfg.step); break; // Up
|
||||||
case 40: this.adjustValue(-this.spinCfg.step); break; // Down
|
case 40: this.adjustValue(-this.spinCfg.step); break; // Down
|
||||||
case 33: this.adjustValue(this.spinCfg.page); break; // PageUp
|
case 33: this.adjustValue(this.spinCfg.page); break; // PageUp
|
||||||
case 34: this.adjustValue(-this.spinCfg.page); break; // PageDown
|
case 34: this.adjustValue(-this.spinCfg.page); break; // PageDown
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
/*
|
/*
|
||||||
http://unixpapa.com/js/key.html describes the current state-of-affairs for
|
http://unixpapa.com/js/key.html describes the current state-of-affairs for
|
||||||
key repeat events:
|
key repeat events:
|
||||||
- Safari 3.1 changed their model so that keydown is reliably repeated going forward
|
- 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
|
- Firefox and Opera still only repeat the keypress event, not the keydown
|
||||||
*/
|
*/
|
||||||
.keypress(function(e){
|
.keypress(function(e){
|
||||||
if (this.repeating) {
|
if (this.repeating) {
|
||||||
// Respond to up/down arrow keys.
|
// Respond to up/down arrow keys.
|
||||||
switch(e.keyCode){
|
switch(e.keyCode){
|
||||||
case 38: this.adjustValue(this.spinCfg.step); break; // Up
|
case 38: this.adjustValue(this.spinCfg.step); break; // Up
|
||||||
case 40: this.adjustValue(-this.spinCfg.step); break; // Down
|
case 40: this.adjustValue(-this.spinCfg.step); break; // Down
|
||||||
case 33: this.adjustValue(this.spinCfg.page); break; // PageUp
|
case 33: this.adjustValue(this.spinCfg.page); break; // PageUp
|
||||||
case 34: this.adjustValue(-this.spinCfg.page); break; // PageDown
|
case 34: this.adjustValue(-this.spinCfg.page); break; // PageDown
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// we always ignore the first keypress event (use the keydown instead)
|
// we always ignore the first keypress event (use the keydown instead)
|
||||||
else {
|
else {
|
||||||
this.repeating = true;
|
this.repeating = true;
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
// clear the 'repeating' flag
|
// clear the 'repeating' flag
|
||||||
.keyup(function(e) {
|
.keyup(function(e) {
|
||||||
this.repeating = false;
|
this.repeating = false;
|
||||||
this.adjustValue(0);
|
this.adjustValue(0);
|
||||||
})
|
})
|
||||||
|
|
||||||
.bind("mousewheel", function(e){
|
.bind("mousewheel", function(e){
|
||||||
// Respond to mouse wheel in IE. (It returns up/dn motion in multiples of 120)
|
// Respond to mouse wheel in IE. (It returns up/dn motion in multiples of 120)
|
||||||
if (e.wheelDelta >= 120)
|
if (e.wheelDelta >= 120)
|
||||||
this.adjustValue(this.spinCfg.step);
|
this.adjustValue(this.spinCfg.step);
|
||||||
else if (e.wheelDelta <= -120)
|
else if (e.wheelDelta <= -120)
|
||||||
this.adjustValue(-this.spinCfg.step);
|
this.adjustValue(-this.spinCfg.step);
|
||||||
|
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
})
|
})
|
||||||
|
|
||||||
.change(function(e){
|
.change(function(e){
|
||||||
this.adjustValue(0);
|
this.adjustValue(0);
|
||||||
});
|
});
|
||||||
|
|
||||||
if (this.addEventListener) {
|
if (this.addEventListener) {
|
||||||
// Respond to mouse wheel in Firefox
|
// Respond to mouse wheel in Firefox
|
||||||
this.addEventListener('DOMMouseScroll', function(e) {
|
this.addEventListener('DOMMouseScroll', function(e) {
|
||||||
if (e.detail > 0)
|
if (e.detail > 0)
|
||||||
this.adjustValue(-this.spinCfg.step);
|
this.adjustValue(-this.spinCfg.step);
|
||||||
else if (e.detail < 0)
|
else if (e.detail < 0)
|
||||||
this.adjustValue(this.spinCfg.step);
|
this.adjustValue(this.spinCfg.step);
|
||||||
|
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
}, false);
|
}, false);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
function coord(el,prop) {
|
function coord(el,prop) {
|
||||||
var c = el[prop], b = document.body;
|
var c = el[prop], b = document.body;
|
||||||
|
|
||||||
while ((el = el.offsetParent) && (el != b)) {
|
while ((el = el.offsetParent) && (el != b)) {
|
||||||
if (!$.browser.msie || (el.currentStyle.position != 'relative'))
|
if (!$.browser.msie || (el.currentStyle.position != 'relative'))
|
||||||
c += el[prop];
|
c += el[prop];
|
||||||
}
|
}
|
||||||
|
|
||||||
return c;
|
return c;
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.0 KiB |
Loading…
Reference in New Issue