If I could second this from a usability perspective. I've used a flash-based interface that had a rotating knob. Moving that with a mouse was counter-intuitive.
Dragging a straight slider (horizontal or vertical) just felt a lot better. JK -----Original Message----- From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On Behalf Of Eric Garside Sent: Monday, January 26, 2009 11:41 AM To: jQuery (English) Subject: [jQuery] Re: Implementing a Knob Control Canvas is probably the most elegant way to go, especially given the type of knobs you want. My suggestion is to find a decent resolution image of the knob you want, then use jquery and canvas to move the knob, and just keep track of the position. Be aware though, the mouse isn't really well designed for a knob kind of motion. On Jan 26, 1:56 pm, legofish <pen...@gmail.com> wrote: > by the way by "this approach" I meant the second example on that > page. > > On Jan 26, 1:54 pm, legofish <pen...@gmail.com> wrote: > > > James, yes I mean a rotary control. > > Eric, here's a real-world example of what I'm trying to implement: > > >http://www.niji.or.jp/home/k-nisi/sa-9900-h.jpg > > > I'm looking for control knobs such as those found on a stereo; both > > continuous ones such as a volume knob, and "n-step" knobs such > > as the "function" knob in that picture, where the knob can only be > > rotated in n steps. > > > I found some leads which I was going to try. I was going to mix this > > approach:http://blog.circlecube.com/2008/03/tutorial/interactive-spin-action sc... > > > with the jquery rotate plugin:http://stackoverflow.com/questions/365820/howto-rotate-image-using-jq ... > > > Still, your help would be immensely appreciated. Of course I would > > want the knob image to look like it's rotating, but I also want the > > control > > to return a value depending on its position, similar to how a slider > > returns a value. > > > Thanks again > > > On Jan 26, 10:20 am, Eric Garside <gars...@gmail.com> wrote: > > > > Legofish, > > > > I've got a couple ideas which might get the job done, but they all > > > depend on what "style" of knob you want. Take a look around a google > > > image search, and see if you can find a good representation of the > > > type of knob you want. Then we can go from there. :) > > > > On Jan 26, 10:03 am, "James Hughes" <j.hug...@kainos.com> wrote: > > > > > Do you mean a gague control? IE some sort of rotary control vs a slider? > > > > > ________________________________ > > > > > From: jquery-en@googlegroups.com on behalf of legofish > > > > Sent: Mon 26/01/2009 14:49 > > > > To: jQuery (English) > > > > Subject: [jQuery] Implementing a Knob Control > > > > > Hi, > > > > I need to implement a knob control for one of my projects (eg. a > > > > volume knob). Ideally I would like to use jquery. I have spent some > > > > time searching for any resources to get started. Not only I can't find > > > > anything in jquery, I can't find anything even resembling a knob > > > > implementation in javascript in general. I did find a few sites who > > > > sell VB or .net knob controls, but nothing in js. > > > > > anyway, not sure if anyone can help, but any hints towards a resource > > > > or starting point would be much appreciated. > > > > > -------------------------------------------------------------------- > > > > This e-mail is intended solely for the addressee and is strictly confidential; if you are not the addressee please destroy the message and all copies. Any opinion or information contained in this email or its attachments that does not relate to the business of Kainos > > > > is personal to the sender and is not given by or endorsed by Kainos. Kainos is the trading name of Kainos Software Limited, registered in Northern Ireland under company number: NI19370, having its registered offices at: Kainos House, 4-6 Upper Crescent, Belfast, BT7 1NT, > > > > Northern Ireland. Registered in the UK for VAT under number: 454598802 and registered in Ireland for VAT under number: 9950340E. This email has been scanned for all known viruses by MessageLabs but is not guaranteed to be virus free; further terms and conditions may be > > > > found on our website -www.kainos.com
