JQuery knobs • Hacker News Board

Re: JQuery knobs

#81

Post by reid » Thu, May 10, 2012, 7:17 AM UTC

For comparision, YUI offers a similar widget: Dial.

"It's like a real-world, analog volume control dial, but with much finer UI control."

http://yuilibrary.com/yui/docs/dial/

Re: JQuery knobs

#82

Post by michael_f » Thu, May 10, 2012, 7:30 AM UTC

Am I the only one who thought this post was about people?

Cool coding though :)

Re: JQuery knobs

#83

Post by joneil » Thu, May 10, 2012, 8:13 AM UTC

michael_f wrote: post #82

Am I the only one who thought this post was about people? Cool coding though :)

I came in expecting to hear people ranting about why jQuery is inferior to some other Javascript framework / coding style. Instead the people are positive and the sample code is sweet...

Re: JQuery knobs

#84

Post by klr » Thu, May 10, 2012, 8:13 AM UTC

peter_l_downs wrote: post #75

shanekenney wrote: post #64

Earlier quoted context omitted.

Use this instead: $('#myProgressKnob').val(_new_value_);

Thank you!

This still does the same thing for me, can you show your code?

Re: JQuery knobs

#85

Post by jacobr » Thu, May 10, 2012, 10:29 AM UTC

Nice, but a bit annoying to mix styles and other settings in the data attribute like that, and they would have to be repeated for each knob.

A library to easily parse custom CSS properties would be pretty cool. The "CSS" could be either in regular stylesheets (browsers ignore properties they don't understand), in a data-style attribute or maybe in a element with a custom type attribute value. Browsers ignore properties and selectors they don't understand anyway.

    
      .knob::-jquery-knob { ... }

or

    
      .knob { ... }

or

Re: JQuery knobs

#86

Post by radiowave » Thu, May 10, 2012, 10:51 AM UTC

baddox wrote: post #29

tptacek wrote: post #7

Beautiful, but, when is this ever the best UX for a control (outside of sound mixers and sequencers)? (I'm expecting/hoping to get schooled on this.)

It's not good UX for audio production software either. The good ones (in my opinion) work by clicking and dragging up and down (or left and right) and merely render the knob as if it's spinning.

Now as it happens I'm of completely the opposite opinion - I much prefer the kind where you have to click and drag in an orbit around the control, because you can move further away (screen space permitting) to achieve finer control.

Re: JQuery knobs

#87

Post by radiowave » Thu, May 10, 2012, 10:52 AM UTC

unwiredben wrote: post #27

I'd really like to see some limits put in -- if you approach 100 from the 90s, have it stick at 100 instead of wrapping around immediately. Same if you try to go below 0. Right now it's really hard to get the know to fix at the limits of its range, something easy to do with traditional sliding controls.

Agreed, there are some things (like volume controls) where you really don't want wrap-around.

Re: JQuery knobs

#88

Post by holgersindbaek » Thu, May 10, 2012, 11:51 AM UTC

I would love to be able to use this with other canvas-shapes... How can this be implemented?

Re: JQuery knobs

#89

Post by captaincrunch » Thu, May 10, 2012, 1:00 PM UTC

Thanks! We were starting to create our own custom knobs for our site (verelo.com). This saved us a lot of time. We'll definitely be contributing back.

Thanks!

Re: JQuery knobs

#90

Post by bodhi » Thu, May 10, 2012, 1:16 PM UTC

ricardobeat wrote: post #66

Udo wrote: post #62

Earlier quoted context omitted.

I think it might be interesting to have a knob-like control that responds to the scrolling action of the mouse/touchpad. At least with that, you'd have (somewhat) clearly defined up and down actions. Touchscreens could support this with a two-finger-up/down gesture, and then we'd be very well on our way to Trek-like UIs ;-)

Some iOS apps already do (can't remember right now).

I'm not sure if it's what Udo meant, but the date/time widgets are in this vein. Actually, a knob that functioned like those widgets would be quite interesting.