Questions tagged [jquery-ui-spinner]

The Spinner widget that forms part of the jQuery.UI library

Spinner is a widget that is a part of the jQuery-ui library.

API Documentation

57 questions
7
votes
3 answers

jQuery UI Spinner - Able to exceed `max` by keyboard

We are having issues with the jQuery UI spinner. When we set a max on the spinner, is is not possible to exceed this max when using the spinner button. However using the keyboard we can go to any number. http://jsfiddle.net/Uygt2/ We need to allow…
Richard
  • 4,341
  • 5
  • 35
  • 55
6
votes
3 answers

Jquery UI Spinner - Disable Keyboard Input

Im trying to find away to stop a user using the keyboard to input values via jquery ui spinners. I have several spinners and would like it to only allow the user to use the up and down arrows to increase or decrease the value. Ive tried looking…
azzy81
  • 2,261
  • 2
  • 26
  • 37
5
votes
1 answer

jQuery UI Spinner Width

I use the jQuery UI spinner in my pages which are now required to be responsive, thus presenting the challenge of adjusting the width of my jQuery UI spinners dynamically. Does anyone know of any way to do this? HTML
Jimbo
  • 22,379
  • 42
  • 117
  • 159
4
votes
1 answer

Error: cannot call methods on spinner prior to initialization; attempted to call method 'disableWithoutRemovingValue'

I tried to use the ui.spinner.js plugin, and in document ready i initialize some textbox to be a disabled spinner like this: $('#id').spinner("disableWithoutRemovingValue"); In this case is have this error : Error: cannot call methods on spinner…
user3706803
  • 155
  • 1
  • 2
  • 12
4
votes
6 answers

How to only accept positive integer in Jquery spinner?

'
' [...] var newSpinner = $( "#QteSpinner" ).spinner({ min: 1 }); How could I restrict the user to only type numbers in a JQuery…
seb68
  • 269
  • 2
  • 9
3
votes
1 answer

How can I add UI spinner on Ajax call?

I want to show loading spinner on Ajax call. I tried spin.js library but it didn’t work. Here is my JavaScript function, which using Ajax call. function sendRequest() { $.ajax({ url: '/spinner', type: 'get', …
barbara
  • 3,111
  • 6
  • 30
  • 58
3
votes
1 answer

Appending jQuery UI Spinner Dynamically

I'm having problems with the jQuery UI Spinner widget. It works fine when the input is added in the html; however, when I add the input dynamically it does not work. I created an example of the spinner not working when it is added dynamically here:…
3
votes
4 answers

jQuery Spinner: Non-numerical values

I am using the jQuery Spinner, with min (0) and max (500) values set up. What can I do to prevent the user from directly entering non-numerical values (or values outside the 0-500 range) in the input box? The min and max values work when the user…
AndraD
  • 2,830
  • 6
  • 38
  • 48
2
votes
1 answer

Importing JQuery UI from TypeScript

I'm having a basic misunderstanding on how to use JQuery and JQuery.spinner with TypeScript. I've moved the javascript entry point of an existing project from html tag to it's own TypeScript file "main.ts" and am using webpack to deal with module…
user2852952
  • 95
  • 1
  • 9
2
votes
1 answer

jQuery spinner only format the number after spin

I'm trying to create a spinner that shows a formatted float. The formatter only works after spin event. Is there any way to format it on stop event? This is my code:
allen_ajd3
  • 35
  • 8
2
votes
3 answers

jQuery spinner - Change value on spin event

I want to be able to append text to the spinner on the 'spin' event. Here is what I currently have, but nothing is happening. $( "#obj1, #obj2" ).spinner({ min: 0, step: 5, spin: function( event, ui ) { $("#" +…
Jason Lipo
  • 751
  • 2
  • 11
  • 24
2
votes
3 answers

JQuery UI spinner disable with checbox

I am using the: http://api.jqueryui.com/spinner how can I set it so that if the input has attr=disabled it will disable the spinner? if($checkbox.attr("checked")){ …
John Magnolia
  • 16,769
  • 36
  • 159
  • 270
1
vote
0 answers

Spinner using spin.js Not Spinning

Good day Guys, I am trying to use a spinner that shows on the entire page when i click on Submit button. The below are the codes snippets. This is the JS code