February 12, 2009
2 Comments

Mootools Slider With Range Indicator (two knobs)

Posted in MooTools by Gergely Marton

I had been looking for a double pinned slider for one of my projects. My requirements were simple: I had to implement a slider with range marker.  I searched for hours and hours, and I did find some nice sliders on mootools forums but it wasn’t what I wanted. I finally changed my search keyword to “slider with two knobs” and I found “Mootools slider with two knobs” written by Nikhil D. Kunder who owns a blog by the name “Expressing IT “. This script was written, just like in my case, in lack of finding a good one doing the job. It’s look and feel can be changed by modifying the CSS file supplied.

Among the standard features it also has some nice bugfixes like:

  1. Slider uses and absolutely palced CLIPPED image ( Slider gutter range) to indicate the slider range , instead of a division with background image
  2. The Min and Max Slider Knobs are restricted from crossing over each other

For me it was very useful in one of my projects, check it out!

Related Entries

Signup for our awesome Newsletter!

We will try to send you e-mail that will open your eyes in the morning and wake you up in the evening!

About the author

Gergely Marton, is a self-tought web designer and developer with over seven years of experience. He owns his own little web design agency WebGurus, and runs this blog in his spare time. Usually the work gets more important for him than anything else, but he struggles to get some time to read and to play his violin.

  • http://www.topgeldzaken.nl/lenen-zonder-bkr-toetsing/ lenen

    Lenen zonder BKR toetsing gaat vandaag heel gemakkelijk. Binnen een paar uur geld lenen zonder BKR toetsing doet u hier, lees snel verder

  • Lee Goddard

    Nice, but not API compatible with Mootools 1.3 or HTML5 doctype.