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 :
This piece was cgonet, well-written, and pithy.
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
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
});
Thanks Michel,
i will incorporate your suggestions in the control. thanks for that.
also will look into the error on the contact page.
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
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“