Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Show HN: Easily Customizable Toggle Buttons - jQuery Plugin

simontabor.com

Post reply on HN
Print view View original

1–10 of 18 posts

Re: Show HN: Easily Customizable Toggle Buttons - jQuery Plugin

#4

Post by garand »

rane wrote: post #3
tehwebguy wrote: post #2

It's nice to see something like this as a jQuery plugin. It would be amazing if they could be adjusted by swiping on mobile!

I don't know about Android but you don't swipe toggle buttons on iOS.

Most users don't, but they have the ability to be swiped, and I've seen some iOS users swiping them around.

Re: Show HN: Easily Customizable Toggle Buttons - jQuery Plugin

#5

Post by alexyoung »

When handling options, I quite like this pattern:

    var settings = $.extend({
      dragable: true,
      clickable: true,
      ontext: 'ON',
      offtext: 'OFF',
      on: true,
      animtime: 300
    }, opts);
The $.extend method still returns a suitable object even if `opts` is undefined.

You also might want to `return this.each` so calls can be chained.

All of this is covered here: http://docs.jquery.com/Plugins/Authoring

Re: Show HN: Easily Customizable Toggle Buttons - jQuery Plugin

#6

Post by creativename »

These look great! Thanks for sharing.

One thing - I know the intent is that they can be easily customized, but it might be nice to have smaller options out of the box. I think I've been spoiled by Twitter Bootstrap, though, where they have a few preset sizes. My first thought was that they looked a little large.

Re: Show HN: Easily Customizable Toggle Buttons - jQuery Plugin

#9

Post by wbobeirne »

S_A_P wrote: post #8

I like these, but how do you get the "value"? Im not a javascript guru, but is there an attribute or value I need to check?

It looks like the primary function of the button is to alter something on the page via the toggles function, but I guess you could check if it had the active class or not.

Re: Show HN: Easily Customizable Toggle Buttons - jQuery Plugin

#10

Post by simontabor »

creativename wrote: post #6

These look great! Thanks for sharing. One thing - I know the intent is that they can be easily customized, but it might be nice to have smaller options out of the box. I think I've been spoiled by Twitter Bootstrap, though, where they have a few preset sizes. My first thought was that they looked a little large.

The default is actually 50x20px which is pretty small, I could possibly add it so you can specify a size for the toggle in the options.
Post reply on HN