eleqtriq

Letztens sah ich mich bei einem Projekt unvermittelt vor der Notwendigkeit, einen Drehregeler in ein HTML Web-App Interface zu integrieren. Nachdem ich keine Librarys fand, die sich einfach so übernehmen lassen (falls jemand eine kennt, gerne einen Link als Kommentar posten), habe ich dann notgedrungen meine eigene Umsetzung gecodet, die Ihr hier herunterladen könnt.

Beispiel ansehen

Das Script setzt jQuery voraus und ist getestet in IE>=6, Fox und Webkit (Chrome/Safari). Sollte trotzdem noch irgendwo etwas klemmen nicht motzen, sondern besser machen :-). Das eingebaute base64-codierte Bild wird IE6 nicht anzeigen. ich kümmere mich zwar nicht mehr allzu sehr um den IE6, der Code funktioniert aber soweit und ich habe es dabei belassen den IE6 Usern einen farbigen Div anzuzeigen. Wenn ich etwas mehr Zeit habe, werde ich ein vollwertiges jQuery-Plugin bauen. Bis dahin könnt Ihr Euch gerne hier bedienen, die Verwendung ist frei, ohne Gewähr und Ihr dürft damit machen was Ihr wollt, außer Atomkraftwerke oder Langstreckenwaffen bauen.

Flashversion

Weil ich grade dabei war, hier auch noch die Flashversion. Ihr könnt die Source unten herunterladen, bitte denkrt dran, dass Ihr auch noch jQuery benötigt.

Code herunterladen

Trackback

4 Kommentare zu „Ein Javascript Drehrad (+ Flash Bonus)“

  1. Kommentar by scott Di. 5. Apr 2011, 21:34

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

  2. Kommentar by aergistal Sa. 23. Apr 2011, 18:58

    Thank you for the very nice control! It was used here:
    http://comsubpac.webatu.com/aob/

  3. Kommentar by sqlerror Di. 5. Jul 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,

    Geert

  4. Kommentar by ruvan Sa. 14. Jul 2012, 00:12

    excellent mate, the best!!