Comments on: Understanding jQuery UI widgets: A tutorial

By: A Step-by-step Guide to Code your first jQuery Plugin (Part 1 – Basic Resources and Tutorials) | Bold The Sign Blog

Thu, 10 May 2012 10:36:28 +0000

[...] Before jump right into the code, there are some basic things that you need to know, you can learn the jQuery Plugin authoring basics, practices, and common pitfalls in developing the plugin here [...]

By: Danny

Danny — Mon, 07 May 2012 14:38:52 +0000

@brice:
You are correct. I have corrected it.
–Danny

By: brice

brice — Mon, 07 May 2012 09:47:49 +0000

there is an error in function green2 ( first version )

should be this :
if (!this.green) this.green = new Green($(this)); // associate our state-keeping object with the element
instead of this :
if (!this.green) this.green = new Green(this); // associate our state-keeping object with the element

thanks for the tuto ! very interesting !

By: Danny

Danny — Fri, 09 Dec 2011 18:29:08 +0000

@Rafi:
Your comment is just an advertisement for your own set of widgets, which as far as I can tell to not even use jQuery UI. But they look cool and may give people ideas for their own widgets, so I’ll let it slide.

By: Rafi

Rafi — Fri, 09 Dec 2011 03:41:15 +0000

Professionally developed and ready to use jQuery widgets.

By: Danny

Danny — Fri, 09 Dec 2011 00:38:48 +0000

@Chemises homme (I assume you are a real person who designed that site):
Yes, for turning the color off and on in real life you would use a simple toggle. That was simply an example of how to create a widget; the example needed to be simple enough to not “get in the way” of the explanation. Actual widgets would be far more complex and need to store state and respond to events.
–Danny

By: Chemises homme

Chemises homme — Thu, 08 Dec 2011 10:25:30 +0000

Thank dany but,
why you don’t use the toggle function ?

By: Danny

Danny — Tue, 08 Nov 2011 21:41:49 +0000

@Cordyceps: This may have been unclear, but the way to call all methods of UI widgets is by calling the plugin with the name of the method: $('.target').green6('setLevel', 7); The UI documentation goes into using widgets in more detail. --Danny

By: Cordyceps

Cordyceps — Tue, 08 Nov 2011 21:08:06 +0000

That is very nice what I did not undestand is how do you call setLevels?
Can setlevels be called externally?

By: Mark William

Mark William — Thu, 03 Nov 2011 11:20:17 +0000

Very very important tutorial.
Thank you somuch for this wonderful post.