+ Reply to Thread
Results 1 to 3 of 3

Thread: jQuery UI slider

  1. #1
    Junior Member
    Join Date
    Jan 2012
    Posts
    35

    jQuery UI slider

    i want to code a Slider UI like the below :
    http://img714.imageshack.us/img714/9043/sliderb.jpg

    can i do it with Jquery ?

  2. #2
    sure it can be done , here is the below code :

    Code:
    $("#slider").slider({
        create: function () {
            /* Set the handle text to min value */
            $(this).find("a.ui-slider-handle").text($(this).slider("option", "min"));
        },
        slide: function (event, ui) {
            $(this).find("a.ui-slider-handle").text(ui.value);
        }
    });
    With some CSS to spruce it up :

    Code:
    a.ui-slider-handle { text-decoration: none; }

  3. #3
    Junior Member
    Join Date
    Jan 2012
    Posts
    35
    thanks you guided me to the right direction , i`ll do that thanks to you .

+ Reply to Thread

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts