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
8
votes
1 answer
JQuery UI Slider with Non-linear/Exponential/Logarithmic steps
I'm new to Javascript and JQuery, I am trying to use JQuery UI Slider to replace price range dropdown boxes(one for Minimum Price, another for Maximum Price) for one of my sites.
Here is my current code:
$(function() {
var slider = $(…
Kok Hsien
- 101
- 1
- 1
- 5
8
votes
3 answers
jquery UI slider min/max values
Can I put text min/max values for jquery ui slider and when scroll to appear digits? Here is an example, the left slider for max value has "no limit" and when you scroll it, appear digits.
Yovo
- 629
- 3
- 8
- 16
8
votes
3 answers
jquery slider with value above it which travels with the slider
I've made a slider with query/slider and styled it with css. ( http://jsfiddle.net/9qwmX/ )
I succeeded to put the selected value into a div container; but now I want the container to 'travel' with the slider accordingly.
I've tried to use the…
stUrb
- 6,612
- 8
- 43
- 71
7
votes
2 answers
Jquery UI slider with two handles with input from two text box?
I need a jquery slider with two handles with inputs from two textbox like this http://www.israel-diamonds.com/search/diamonds/default.aspx .Currently i have a single handle slider with input from a single textbox
$("#slider").slider({
value: 1,
…
bala3569
- 10,832
- 28
- 102
- 146
7
votes
1 answer
jQuery UI Slider with control buttons?
I'm trying to add control buttons on to the jQuery UI slider but can't get it to work.
Can anyone see what im doing wrong here:
$(function() {
var gmin = 1;
var gmax = 500;
$( "#slider" ).slider({
value:5,
min: gmin,
…
Peter J Harrison
- 641
- 2
- 12
- 21
7
votes
2 answers
jquery ui slider range fix to RTL
I wang to change Jquery slider range to RTL. I am usign this: http://jqueryui.com/slider/#range
Jquery code:
$(function() {
$( "#slider-range" ).slider({
range: true,
min: 0,
max: 1000000,
values: [ 100000, 500000 ],
…
user2598812
7
votes
1 answer
jQuery slider “change” event: How do I determine who called it?
I got a slider that is used as a time-line in my music player. The min value is 0 and the max vlaue is the song length (in seconds). Each second (I do this with a timer), the slider moves and the value is set to the current time. This code line…
eviabs
- 621
- 1
- 8
- 24
6
votes
1 answer
Change the width and height of jQuery slider
I want to change the width and height of jquery slider UI. I am using ui-lightness theme. I tried to override the default jquery.css by adding the following code in my style sheet.
.ui-slider .ui-slider-horizontal { height: .6em; }
.ui-slider…
Vivek
- 4,526
- 17
- 56
- 69
6
votes
1 answer
Create jQuery sliders with plus/minus buttons to add /subtract value from the slider
i'm trying to replicate what you can see in the image here in jquery to make a touch enabled version of an existing application:
I'm using jquery-ui sliders and i'd like to keep using them because i have a lot of business logic tied to them,…
Nicola Peluchetti
- 76,206
- 31
- 145
- 192
6
votes
3 answers
How do you adjust the z-index of the jQuery UI slider?
I have a jQuery UI slider on my page and it's sticking up through a dropdown menu.
Is there a way to adjust its z-index or does it need to be the topmost element on the page for some reason?
Jay Hartigan
- 61
- 1
- 2
6
votes
1 answer
How close can we get to this Flash effect without using Flash?
Please take a look at the Cheese & Burger website.
More accurately, take a look at the slider down the bottom's relationship with the flip panels above.
I know I could skin jQuery UI Slider to do the slider relatively easy enough. I'm more concerned…
alex
- 479,566
- 201
- 878
- 984
6
votes
3 answers
z-index not working. How to get my text show ontop of the image
I am using royalslider.
I have this
This is caption HTML1 text
this works fine and put the text under the image. However, I want to show the text on top of the…
Asim Zaidi
- 27,016
- 49
- 132
- 221
6
votes
2 answers
Why the handle in JQuery UI slider is tag?
I was reading the code in the official demo page for slider: http://jqueryui.com/demos/slider/ and I was wondering why an tag is used for handle? Why not a
?
AlexStack
- 16,766
- 21
- 72
- 104
5
votes
4 answers
Using jQuery to control HTML5
Okay, I want to control the volume of an HTML5 element using the jQuery Slider element. I have implemented the slide, but can't figure out how to make the value of the slider take the place of the "audio player.volume = ?".
Any help is much…
futureslay
- 356
- 3
- 5
- 9
5
votes
3 answers
Jquery Slider UI dynamic step size
I have a slider with the following properties:
an horizontal direction
one handle
a min of 2
a max of 65
My goal is to force the user to choose between only 7 points (for example: "2, 3, 4, 26, 39, 52, 65") and nothing more.
How do I create a…
daykkin
- 53
- 1
- 1
- 3