Comments on: jQuery Numeric Stepper

By: caphun

caphun — Mon, 09 Feb 2009 05:56:49 +0000

@jay: Yes, the change event should fire with the above code.

Note: I merged this code a while ago into UI spinner (still in development), see

http://yelotofu.com/2008/08/jquery-ui-spinner/

Discussions should continue on the spinner article as the stepper is no longer in active development.

Thanks all for the great comments!

By: Jay

Jay — Sun, 08 Feb 2009 20:35:12 +0000

I’m trying to hook in events and not having very good luck. Are you propagating the change event?

$(’#CharacterPoints’).stepper( { min:25, max:500, step:5, start:100, change: function(event, ui){ alert(’changed’); } } );

By: Jay

Jay — Sun, 08 Feb 2009 19:40:36 +0000

Thanks! spent four hours, evaluated five different slider controls. All of them didn’t work correctly in one aspect or another.
Wouldn’t place cursor on startup, couldn’t get to display at all (Why doesn’t anyone include working css with their source?). Wouldn’t limit values to increment value specified, etc.

By: caphun

caphun — Sat, 13 Dec 2008 15:41:13 +0000

Ah I see, try this:

$(’#div’).data(’max.stepper’, value);

By: antoine

antoine — Sat, 13 Dec 2008 14:51:15 +0000

Thanks Caphun, I need to alter the max property from another function so i tried $(’#div’).stepper.options.max = value
$(’#div’).options.max = value

they dont work and im not sure how to make it work .

By: caphun

caphun — Sat, 13 Dec 2008 14:36:21 +0000

Thanks Antoine. Hmm, tbh I’ve not tried changing the max value after setting it initially as I haven’t found the need to yet.

There should be a few in-built event handlers one of which is the change event, e.g.:

$(’#div’).stepper({
max: MaxValue,
change: function(event, ui){
iu.options.max = maxValue2;
}
});

Let me know if that doesn’t work as I’ve not tested this myself.

Thanks!

By: antoine

antoine — Sat, 13 Dec 2008 12:12:47 +0000

Great Job , Just what i needed , except that im not being able to dynamically change the Max Value.
i initialize with :
$(”#div”).stepper(max:MaxValue)

and then to change i call $(”#div”).stepper(max:MaxValue2)

but it only changes when MaxValue2 is less than MaxValue. Any Suggestions?

By: antoine

antoine — Sat, 13 Dec 2008 12:08:43 +0000

Hey , Im having trouble with setting The max option dynamically, after calling $(”#div”).stepper(max:MaxValue); i try calling $(”#div”).stepper(max:MaxValue2) to try and change the max value but it only works if MaxValue2 is less than MaxValue otherwise it does not switch it. any clues ?

Tony

By: Recent Links Tagged With "stepper" - JabberTags

Recent Links Tagged With "stepper" - JabberTags — Wed, 01 Oct 2008 11:04:28 +0000

[...] Stamina Extended Stride Elliptical Stepper – Best Price! Saved by thepinkbismuth on Mon 29-9-2008 jQuery Numeric Stepper Saved by kubaKT on Mon 29-9-2008 Stamina SpaceMate Folding Stepper Saved by pllyrain on Mon [...]

By: Laurence

Laurence — Fri, 22 Aug 2008 08:02:24 +0000

What a reactivity !
I added also a ‘type=”button”‘ for spinner-up and spinner-down because Firefox treated them like submit buttons.
Thanks for sharing !