Comments on: jQuery Numeric Stepper

By: Matthew

Matthew — Wed, 06 Jul 2011 15:17:13 +0000

Having trouble with the currency input. Seems when clicking or click and hold on the buttons it does not always step to the cents. Works fine with the mousewheel. Any help would be great

By: Alex

Alex — Wed, 22 Jun 2011 08:55:19 +0000

it seems I can type smth like that —–

By: caphun

caphun — Mon, 09 Feb 2009 13: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 — Mon, 09 Feb 2009 04: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 — Mon, 09 Feb 2009 03: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 23:41:13 +0000

Ah I see, try this:

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

By: antoine

antoine — Sat, 13 Dec 2008 22: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 22: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 20: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 20: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