jQuery Plugin Release – jQuery Spinner Control

I was from a long time searching for a best spinner control (spin button / stepper button) to be used in the web pages, but non of them available on the internet were able to satisfy my requirement in a very simple way. so I decided to create one by myself.

This control in its simplicity is very powerful and is capable of doing the things in a very easy way. I general use where you have a dropdown input available, you find a very less scope of this kind of control, but when you are thinking fancy and have a RIA application, where you want something sleek and compact, you probably start looking for a control something like this. writing more about this control (jQuery Plugin) and documenting again over here in this post seems to be just a waist of time, when a nice documentation with a few online samples are available on the plugin site.

Here is theĀ download.

Follow me :

youtubefacebooktwittergoogleplus

Published by

Anant Anand Gupta

Microsoft Technology Professional

6 thoughts on “jQuery Plugin Release – jQuery Spinner Control”

  1. Hi

    Love your spinner. I made it replace a select by converting the select to your spinner onload. I wanted to give the list as an array but had to convert it to a comma separated list. Suggestion: I could have saved a step if the list already too an array as input.

    I could not post this on your contact page – it gave error

  2. Here is the code I did

    $(function () {
    var opts = $(“#sel1 option”), list1=[];
    $.each(opts,function(){
    var opt = $(this);
    if (opt.attr(“value”)) {
    list1.push(opt.text());
    }
    });
    $(“#selcontainer”).hide(); // hide the select we just converted

    $(“#txtValues”).SpinnerControl({ type: ‘list’,
    typedata: {
    list: list1.join(“,”) // I give you a list from an array and you convert it to an array
    },
    width: ‘100px’,
    looping: true
    });

    1. Thanks Michel,

      i will incorporate your suggestions in the control. thanks for that.

      also will look into the error on the contact page.

  3. Great. When you do, I suggest you add to the documentation how to get the state of the spinner – I assume $(“#replacedTextField”).val() but it is not clear. A callback onchange would be cool so I could do
    afterChange: function() { $(“#someotherField”).val(someArray[$(this).val()])}
    in my case to set a hidden field with the value of the select based on the text of the select which is now in the spinner

    1. i will be … thanks. i have been quite busy in building an chrome extension lately, so not getting the time to improve the plugin. but soon i am done with the basic version of the chrome extension i will be working on this plugin again. mean time you can visit the chrome plugin page “Better ToDo It

Leave a Reply