Comments on: First Steps with YUI3

By: Scott

Scott — Mon, 21 Nov 2011 16:15:14 +0000

I know this article is fairly old. With YUI 3.4.0, Y.get(“#min”) fails with Y.get() is not a function. I would have expected the library to remain backward compatible within a major release cycle. Any idea what else changed?

Scott

By: Satya Prakash

Satya Prakash — Thu, 15 Sep 2011 10:24:25 +0000

I am looking for something like this:
Y.Countdown.start() as said in first comment. I need to call the module code from an event which is Next/Prev button.

- – - -
Actually code is working. but when I use next bttn on carousel then my events are not tied to newly added images. So I want to tie the module code to next bttn.

By: Oliver

Oliver — Fri, 16 Oct 2009 15:13:04 +0000

Thanks for a another interesting article, Klaus!

By: Klaus

Klaus — Tue, 25 Aug 2009 07:11:59 +0000

Thanks Luke, apparently

...

is your friend here

By: Luke Smith

Luke Smith — Tue, 25 Aug 2009 05:49:40 +0000

Jeez. What does a guy have to do around here to preserve whitespace?

By: Luke Smith

Luke Smith — Tue, 25 Aug 2009 05:48:51 +0000

Oops! I have a typo in my example. The modules configuration passed in the YUI config should contain an object:

YUI({
    modules: {
        ‘Klaus.Countdown’: {
            fullpath: ‘/where/to/find/the.js’,
            requires: ['any','required','modules']
        }
    }
}).use("Klaus.Countdown", function (Y) { ... });

By: Wait till I come! » Blog Archive » TTMMHTM: Mario Bento, YUI3, Accessibility Interview, wearable computing pulp fiction typography and live carbon of the UK

Tue, 21 Jul 2009 06:29:21 +0000

[...] Klaus Komenda has another great blog post, this time explaining the transition from YUI2 to YUI3 as a developer [...]

By: Klaus

Klaus — Mon, 20 Jul 2009 22:21:44 +0000

@Luke:
Thanks for that! As said, I was used to doing this with YUI2 but couldn’t quite find something that would easily let me do this in YUI3 as well.

But your explanation helps a lot, thanks again.

By: Luke Smith

Luke Smith — Mon, 20 Jul 2009 22:07:29 +0000

WRT to Y.add(“Klaus.Countdown”, init);

The preferred method to do what you are looking for is to create a module file containing
YUI.add(‘Klaus.Countdown’, function (Y) {
either
A) do the countdown stuff here, OR
B) create a class or function on the Y instance to trigger it
},’@VERSION@’,{requires: ['node-base']});

then either
1) add a script node to your page pointing to your module, OR
2) add module data in the YUI config ala YUI({ modules: ‘Klaus.Countdown’: { fullpath: ‘/where/to/find/the.js’ }})

and finally YUI(..).use(‘Klaus.Countdown’, function (Y) {
if you chose option A, it was executed right before this callback.
if you chose option B, do something like Y.Countdown.start() or whatever you exposed as your API
});

I have a few modules I put together around the PR2 timeframe posted on github, though none of them execute pre-use.
http://github.com/lsmith (projects prefixed with “yui3-” )

Sometimes there are example.html files. Sometimes there is documentation.

Great write up and thanks for spreading the knowledge!

PS, you can get to the underlying DOM nodes using Y.Node.getDOMNode(nodeInstance) and Y.NodeList.getDOMNodes(nodeListInstance)