slider

I have a jQuery UI slider: $('div.slider').slider({ range: true, step: 250, min: 1000, max: 500000, values: [1000,500000], change: function(event, ui){ console.log($(this).slider('values', 0)+','+$(this).slider('values', 1)); }, slide: function(event, ui){ console.log($(this).slider('values', 0)+','+$(this).slider('values', 1)); } }); For some odd reason, when releasing the slider (mouseup) the value changes slightly from what it was. The slide event is returning something different than what the change event is. Anyone have any ideas what might be causing this and how I could solve it? I'm

Is it possible to make a sliderInput that shows the values in decreasing order (from left to right; eg. 5 4 3 2 1)? runApp( list( ui = fluidPage( sliderInput("test","", min=5, max=1, value = 3, step=1) ), server = function(input,output) {} ) ) EDIT 2017-10-13: This function is now available in package shinyWidgets (with a different name : sliderTextInput() ). Hi you can write your own slider function like this (it's a little dirty...) : sliderValues <- function (inputId, label, values, from, to = NULL, width = NULL) { sliderProps <- shiny:::dropNulls(list(class = "js-range-slider", id =

I have a simple jQuery UI slider that has a numerical range from 25 to 35. It works fine and the default value is 28. I'm hoping to add a simple tick mark to the slider to indicate that 28 is where the default is. Is there a simple way to add an indicator? $('#cycle_length').slider({ range: "min", value: 28, min: 25, max: 35, step: 1, slide: function( event, ui ) { $( "#amount" ).val( ui.value ); } }); $( "#amount" ).val( $( "#cycle_length" ).slider( "value" ) ); I found a great implementation of the jQuery UI slider here: http://www.filamentgroup.com/lab/update_jquery_ui_slider_from_a_select

I've tried a veriety of jQuery plugins recently and I keep getting this error … (source: shaunbellis.co.uk ) … regardless of what plugin I try to use. I've checked the links to the JS files which are all there and working fine. I'm using Drupal if that makes any difference. I've run the plugins away from the main site to demonstrate that they are working and that I am doing things right with 100% success. Any ideas? Update: My jQuery file called in the footer: $(document).ready(function() { $('#footer_holder').hide(); // Fancy Box $("a.fancybox").fancybox({ 'hideOnContentClick': true,

I was wondering if someone had a working example of JQM slider with knockoutjs. I have 2 issues: 1) binding the value to an observable - I can bind it initially i.e. set the "value" of the slider, but this does not update the underlying observable when dragged - I think that this is to do with JQM putting elements over the input to represent it? 2) refreshing the style when changing the min, max, value properties. Here is a subset of what I have, currentItems changes based on a selection: workloadViewModel.filterValues = ko.dependentObservable(function () { var tmp = {}; var itms = this

I use flexslider, when i follow instructions on their website it doesn't work for multiple sliders, this is the code: i need a controler nav on both sliders, instructions are here: http://www.woothemes.com/flexslider/ Does anyone what i'm doing wrong? <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> <link rel="stylesheet" href="http://www.esens.nl/assets/templates/esens/flexslider/flexslider.css" type="text/css" media="screen" /> <script src="http://www.esens.nl/assets/templates/esens/flexslider/jquery.flexslider-min.js"></script> <!-- Target sliders individually with

This question already has an answer here: How do I add a Marker to a jQuery UI Slider? 1 answer How do I add tick marks to the jQuery slider? Say I have values from 1 to 10, how I can I add a tick at each value? I've seen similar posts on S.O. but they all suggest plug-ins, and I would like to hard code it due to a lot of interactivity with other elements. Thanks! MandoMando Similar to this SO Question . The answer from Mortimer might help. Although there is no official way of doing it yet, it'd be nice to have it baked in the jQuery UI slider. Arie Livshin Thanks Code-Toad. I modified your