Learning jQuery

noUiSlider is a little jQuery plugin that makes really cool (double) range sliders. Every slider can have two handles to select a range, a fixed minimum or maximum can be set to select a limit, or two handles can be used, to simply pick some points. Every event in the noUiSlider has an optional callback, […]

The jQuery UI Slider plugin is another cool and effective plugin from jQuery UI library. It makes selected elements into sliders. It also comes with various options such as multiple handles, and ranges. The handle can be moved with the mouse or the arrow keys. I had posted many articles on jQuery UI Slider, which […]

For your information, jQuery UI Slider by default renders in horizontal orientation. But yesterday one of my reader asked me that his requirement is to show slider in vertical orientation, not in horizontal orientation. So, I had provided him the solution and thought of sharing with all my readers as well. jQuery UI Slider has […]

Touch devices are these days very common and one needs controls which supports slides functionality on webpages when viewed on Touch devices. jQRangeSlider is a jQuery UI range selection slider which supports Dates and it also works on touch devices. This plugin supports 3 kind of sliders. 1. Float Value 2. Dates 3. Editable Slider […]

I had already posted about How to use jQuery UI Slider and other posts about jQuery UI Slider but this is really interesting. While using jQuery UI Slider for range selection, you may come across a situation where both the slider pointer are at the same value, which means that they overlap. And this is […]

Yesterday while for one of my requirement, I need to set default value of the jQuery UI slider. That means when page is loaded there should be a default value for slider. For example, if the range allowed for slider is 0 to 100 and when page loads slider should have 18 as default value. […]