Round speedometer with Jquery / CSS in a browser

jquery iphone rounding jquery-1.3
dnndeveloper picture dnndeveloper · May 26, 2009 · Viewed 7.1k times · Source

I need to make a round object much like a speedometer (with moving needle inside indicating a value) in a browser. currently for all other items on this page iam using jquery. I rather not use flash as it needs to be ipod / iphone usable.

Any experience others have had doing this is greatly appreciated.

Answer

ichiban picture ichiban · May 26, 2009

Check out this speedometer created using Javascript/css and some analog clocks in Javascript/css as well.

You can use the source in those as a starting point for what you are trying to accomplish.

Related questions

$(document).click() not working correctly on iPhone. jquery

This function works perfectly on IE, Firefox and Chrome but when on the iPhone, it will only work when clicking on a <img>. Clicking on the page (anywhere but on a img) wont fire the event. $(document).ready(…

Read More
Detecting touch screen devices with Javascript

In Javascript/jQuery, how can I detect if the client device has a mouse? I've got a site that slides up a little info panel when the user hovers their mouse over an item. I'm using jQuery.hoverIntent to detect …

Read More
prevent iphone default keyboard when focusing an <input>

this is how i'm trying <script type="text/javascript"> $(document).ready(function(){ $('#dateIn,#dateOut').click(function(e){ e.preventDefault(); }); }); </script> but the input stills 'launching' iphone's keyboard ps: i want to do this because i'm …

Read More