The jQuery UI Slider plugin makes selected elements into sliders. There are various options such as multiple handles, and ranges. The handle can be moved with the mouse or the arrow keys.
Questions tagged [jquery-ui-slider]
685 questions
0
votes
2 answers
How to get notified when user drags the mouse outside the browser window and releases it there?
It's better to show a working example:
The JQuery slider has a functionality I would like to have. When you click on the slider handle and while pressing the mouse button, move the mouse outside the current browser window, the slider handle is still…
AlexStack
- 16,766
- 21
- 72
- 104
0
votes
2 answers
Rails 3 jQuery UI Slider
I'm trying to use the jQuery UI Slider with my rails 3 app. I've downloaded a theme and put the css file in app/assets/stylesheet and I put all the images in app/assets/images.
When I load a page with a slider, I get an error that it can't find an…
Tyler DeWitt
- 23,366
- 38
- 119
- 196
0
votes
2 answers
How can I have the user change options of the jQuery UI Slider?
I have a jQuery UI slider on my page. It starts out with:
$( "#slider" ).slider({
value: 6,
min: 6,
max: 120,
step: 6
});
Which works fine.
I have a select element next to it with 6, 12, and 24 as options.
What I would like to…
Lil' Bits
- 898
- 2
- 9
- 24
0
votes
3 answers
JQuery UI Slider - 'value' not setting starting position of handle
I would expect the following code to start my slider at '30' in it's range of 0-250, but yet it is not.
$(function() {
$( "#slider" ).slider({
value: 30,
min: 0,
max: 250,
step: 1,
slide: function(event, ui){
…
twardnw
- 3
- 1
- 3
-1
votes
2 answers
i am using a slider but when i code it. tooltip is not moving and hover is also not working
I am using this website https://www.jqueryscript.net/demo/Highly-Customizable-Range-Slider-Plugin-For-Bootstrap-Bootstrap-Slider/ for slider and i am using Custom tick marks slider but the tooltip is not working i can't understand what went wrong…
happy kaul
- 27
- 6
-1
votes
1 answer
how to create Dyamic React responsive carousel
I Have been working in dynamic Image and Video Gallery in React JS. I Want to implement the Carusoal to view the image and video in slider concept.
vijay s
- 11
- 5
-1
votes
1 answer
jquery-ui - range slider - save values on slider handles after input submit
I am trying to get the slider values to stay where they were moved to when the SEARCH button is pressed. They default back to the starting values whenever the search is pressed. I have tried all sorts of things and nothing appears to work. Any…
BobC
- 1
- 2
-1
votes
1 answer
How do I specify in CSS that a button should only take up as much width as its text?
I have four elements that I would like to take up 100% of the width available in the parent DIV -- an image, a jQuery UI slider, another image, and a button.
![]()
user7055375
-1
votes
1 answer
How to change the speed of sprite with slider using jquery or javascript
My requirement has following steps:
There will be a step slider which have three control steps (Slow, Normal and Fast).
Slow: ½ X speed.
Normal: X speed.
Fast: 2X speed.
Using these controls user can change the speed of an animation.
Default speed…
Aasiya Mairaj
- 175
- 1
- 2
- 17
-1
votes
1 answer
Jquery ui slider range not working in IE
Jquery ui slider range change event is not working in IE browser
$("#borrow_field").on('change', function(){
alert('yes');
var brCurrentValue = $("#slider-range").slider('option', 'value');
setTimeout(function(){
…
achu
- 639
- 2
- 10
- 26
-1
votes
2 answers
How do I stop the jquery UI slider from sliding beyond the container
I am using jQuery UI horizontal slider. I need the position of the handle to be always within the slider. If I set the margin-left to minus of handle's width, the right position is within the container but the left position moves out of the…
Mumzee
- 719
- 1
- 11
- 25
-1
votes
1 answer
how to add PIPS in jqueryUI Slider
I need to add 6 pips in JqueryUI slider. The PIPS wopuld range from 2000, 2010, 2020, 2030, 2040, 2050. I'm unable to get the understand functionality of adding these pips. Also, currently the slider has been coded to work on step sliding effect.…
Deepanshu Kaushik
- 141
- 15
-1
votes
2 answers
How to show the next slide when you click on the image in jssor fullwidth slider
I am using jssor full width slider for my website:
Jssor.com
I want to show the next slide when I click anywhere in the current slide image. How can I do this?
I am adding a sample code for it
HTML:
jQuery(document).ready(function($) {
…
Raju
- 74
- 1
- 9
-1
votes
3 answers
Displaying the value of a jQuery UI slider and changing color accordingly
I have a range slider, with a max of 8 and a min of 1.
I have the script already set up to display the value of the range slider in a span. Now i'm trying to change the color and scale whenever the text gets higher.
My code:
Jeroen
- 167
- 2
- 16
-1
votes
1 answer
Create Jquery Sliders on Selecting items from a MultiSelect
I have a dynamically populated select Tag as follows :
.
I have an Change Event listener as follows :
$('#select-mul').change(function(){
…
shridatt
- 896
- 4
- 15
- 39