Recently I had to implement a dial-control into an html-app. Unexpectedly I couldn't find any library on the web, so I decided to code my own solution.

Show Example

The script needs jQuery and has been tested in IE>=6, Fox and Webkit (Chrome/Safari). If you should find something not working properly drop me a line. The image for the slider-button is a base64-Data URI and won't show up in IE6. Though I don't care that much about IE6 these days, the code will work for this browser but users will only see a colored div as slider. If I have some more time I will build a full-fledged jQuery-Plugin. In the meantime you are free to download the source from below. Usage is free, without warranty and you can use it in any way you want, as long as you do not construct nuclear power-plants or cruise-missiles from it.


And while I was at it, I built a Flash-version as special bonus. You can download the source below, please keep in mind that you will need jQuery as well.

Download source


4 Responses to “Javascript Dial Control (+ Flash Bonusfeature)”

  1. Comment by scott Tue Apr 5th, 2011, 21:34

    Just came across this. Thanks for posting it! Much appreciated – Scott

  2. Comment by aergistal Sat Apr 23rd, 2011, 18:58

    Thank you for the very nice control! It was used here:

  3. Comment by sqlerror Tue Jul 5th, 2011, 02:27

    Dirk, you create amazing things, very original and impressive graphics. But also very useable javascript. I came upon your dial control as I wanted a way to create a great looking “call me now” webpage. Since it orginates calls via an Asterisk PBX, It needed something like a captcha. I hate those and wanted to put a rotary dial on the form, forget the submit button and let the visitor dial a zero to confirm the call.
    Only some quirks with IE8 when nested in an iframe or called within a page that does not have a proper !doctype set. Thanks for the code, see: http://www.flextrabel.nl/draaischijf/popup.php.

    Vielen dank,


  4. Comment by ruvan Sat Jul 14th, 2012, 00:12

    excellent mate, the best!!