Comments on: Agent YUI: Mission 2 – Magic Of The DOM http://www.klauskomenda.com/archives/2007/10/27/agent-yui-mission-2-magic-of-the-dom/ Just another WordPress weblog Wed, 10 Mar 2010 06:54:55 +0100 http://wordpress.org/?v=2.8.6 hourly 1 By: Matt http://www.klauskomenda.com/archives/2007/10/27/agent-yui-mission-2-magic-of-the-dom/comment-page-1/#comment-8729 Matt Sun, 27 Jul 2008 23:09:37 +0000 http://www.klauskomenda.com/archives/2007/10/27/agent-yui-mission-2-magic-of-the-dom/#comment-8729 Oh cool, thanks, that makes a lot more sense now :) Oh cool, thanks, that makes a lot more sense now :)

]]> By: Klaus http://www.klauskomenda.com/archives/2007/10/27/agent-yui-mission-2-magic-of-the-dom/comment-page-1/#comment-8707 Klaus Sun, 27 Jul 2008 12:17:22 +0000 http://www.klauskomenda.com/archives/2007/10/27/agent-yui-mission-2-magic-of-the-dom/#comment-8707 @Matt: ad 1.: The code you mention, YAHOO.AgentYUI.Mission2 = function () {}(); is only meant to be the skeleton for the module. All the functions I mention after that are placed inside that anonymous function. I will update that example to make it more clear that the code that follows will be put inside that skeleton. If you take a look at the <a href="/wp-content/uploads/2007/10/ayui_m2/ayui_m2_final.html" rel="nofollow">final result</a>, do a view source and scroll to the bottom, you will notice that all the functions needed are placed inside that anonymous function. By having a return statement at the end, YAHOO.AgentYUI.Mission2 gets turned into an object with one publicly accessible property, init, which holds the init function of the module. This conforms to the <a href="http://yuiblog.com/blog/2007/06/12/module-pattern/" rel="nofollow">JavaScript Module Pattern advocated by Douglas Crockford</a>. ad 2.: Yes, I agree, that should be something like "external" or "non-local". @Matt:
ad 1.:
The code you mention, YAHOO.AgentYUI.Mission2 = function () {}(); is only meant to be the skeleton for the module. All the functions I mention after that are placed inside that anonymous function. I will update that example to make it more clear that the code that follows will be put inside that skeleton. If you take a look at the final result, do a view source and scroll to the bottom, you will notice that all the functions needed are placed inside that anonymous function.

By having a return statement at the end, YAHOO.AgentYUI.Mission2 gets turned into an object with one publicly accessible property, init, which holds the init function of the module. This conforms to the JavaScript Module Pattern advocated by Douglas Crockford.

ad 2.:
Yes, I agree, that should be something like “external” or “non-local”.

]]> By: Matt http://www.klauskomenda.com/archives/2007/10/27/agent-yui-mission-2-magic-of-the-dom/comment-page-1/#comment-8705 Matt Sun, 27 Jul 2008 11:58:46 +0000 http://www.klauskomenda.com/archives/2007/10/27/agent-yui-mission-2-magic-of-the-dom/#comment-8705 Awesome. Two questions (well, one question and an observation): 1. Could you explain the "Javascript module" thing a bit more? As far as I can see, you do YAHOO.AgentYUI.Mission2 = function () {}(); but then what? Do you mean that every statement you write after that is somehow magically placed inside? I'm confused! It looks like you're just making an empty anonymous function and then running it, and then not doing anything with it. 2. It's a little odd that you add the class "local link" to all the links that are external (as in, non-local) :) Awesome. Two questions (well, one question and an observation):

1. Could you explain the “Javascript module” thing a bit more? As far as I can see, you do YAHOO.AgentYUI.Mission2 = function () {}(); but then what? Do you mean that every statement you write after that is somehow magically placed inside? I’m confused! It looks like you’re just making an empty anonymous function and then running it, and then not doing anything with it.

2. It’s a little odd that you add the class “local link” to all the links that are external (as in, non-local) :)

]]> By: A Digital Notepad » Bookmarks for June 24th through July 1st http://www.klauskomenda.com/archives/2007/10/27/agent-yui-mission-2-magic-of-the-dom/comment-page-1/#comment-7793 A Digital Notepad » Bookmarks for June 24th through July 1st Tue, 01 Jul 2008 15:10:58 +0000 http://www.klauskomenda.com/archives/2007/10/27/agent-yui-mission-2-magic-of-the-dom/#comment-7793 [...] Agent YUI: Mission 2 - Magic Of The DOM - Great walk through of the YUI Dom util. [...] [...] Agent YUI: Mission 2 – Magic Of The DOM – Great walk through of the YUI Dom util. [...]

]]> By: chickenBeak » YUI - getElementsBy TagName / design tutorials for the greater good http://www.klauskomenda.com/archives/2007/10/27/agent-yui-mission-2-magic-of-the-dom/comment-page-1/#comment-7579 chickenBeak » YUI - getElementsBy TagName / design tutorials for the greater good Fri, 20 Jun 2008 13:27:13 +0000 http://www.klauskomenda.com/archives/2007/10/27/agent-yui-mission-2-magic-of-the-dom/#comment-7579 [...] A good resource for more YUI Dom fun can be found at klauskomenda.com [...] [...] A good resource for more YUI Dom fun can be found at klauskomenda.com [...]

]]>