That's exactly what's happening, you hold down the mouse button over the knob and drag UP/DOWN to increase/decrease the value. It's very intuitive if you have used any software whith knobs in it's interface.
cheers, - ricardo On Jan 26, 7:47 pm, Eric Garside <gars...@gmail.com> wrote: > I can't actually even get the demo posted to work. When I pull left, I > expect the knob to continue moving left, but you have to physically > drag up and to the left to move it, which is pretty hard to do. What > if the knob was set to work like a slider, where a positive vertical > or horizontal movement of the mouse increases it, and a negative > vertical or horizontal movement decreases it? > > On Jan 26, 4:14 pm, Ricardo Tomasi <ricardob...@gmail.com> wrote: > > > Audio editing software has lots of knobs, and they're not hard to use. > > The thing is you don't turn them with a circular motion, but you click > > and drag up/down or right/left just like a slider, the rotary control > > gives you visual feedback while saving a lot of space. > > > This was real fun: > > >http://jsbin.com/apida/http://jsbin.com/apida/edit > > > thanks to raphaeljs.com > > > cheers, > > - ricardo > > > On Jan 26, 5:48 pm, "Jeffrey Kretz" <jeffkr...@hotmail.com> wrote: > > > > 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
