thr3ads.net - Rails spinoffs - Layout of Javascript code

If this information is useful, please help other people find it:
Share via:

sheps-ii

2008-Jun-04 17:31 UTC

Layout of Javascript code - how do you guys do it?

Ok so Prototype effectively says that Javascript code anywhere in an
HTML file is not cool, e.g. you should use observe to give HTML
elements listeners which fire functions.

But then where should the code start? Let me elaborate. Given the
first assumption, I now have no javascript in my HTML save the files
included in the <head>. But, for me to start JavaScript execution in
one of these files is useless - if I try to use observe() then
obviously the rest of the page hasn''t loaded yet, and the script
terminates.

So how do people layout their code? Surely you have to have <body
onload="..."> or something to let the Javascript know when it can
fire
away?

Thanks in advance for all thoughts and advice.
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

Hector Virgen

2008-Jun-04 17:37 UTC

head link

Re: Layout of Javascript code - how do you guys do it?

I usually wrap my event listeners in a global event listener that fires 
when the page has fully loaded.

Event.observe(window, ''load'', function(event) {
    // Place all element event listeners here
});

The problem with this is that it doesn''t run until the page has fully 
loaded (including downloading all images on the page).

More information on this is available at 
http://www.prototypejs.org/api/event/observe

-Hector

sheps-ii wrote:> Ok so Prototype effectively says that Javascript code anywhere in an
> HTML file is not cool, e.g. you should use observe to give HTML
> elements listeners which fire functions.
>
> But then where should the code start? Let me elaborate. Given the
> first assumption, I now have no javascript in my HTML save the files
> included in the <head>. But, for me to start JavaScript execution in
> one of these files is useless - if I try to use observe() then
> obviously the rest of the page hasn''t loaded yet, and the script
> terminates.
>
> So how do people layout their code? Surely you have to have <body
> onload="..."> or something to let the Javascript know when it
can fire
> away?
>
> Thanks in advance for all thoughts and advice.
> >
>
>   
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

Justin Perkins

2008-Jun-04 17:48 UTC

head link

Re: Layout of Javascript code - how do you guys do it?

You want to use:

document.observe(''dom:loaded'', yourObserver);

From: http://www.prototypejs.org/api/document/observe

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

sheps-ii

2008-Jun-04 18:50 UTC

head link

Re: Layout of Javascript code - how do you guys do it?

Thank you, that''s fantastic. I love how prototype helps true
modularity into content(server side)->structure (html)->behaviour
(js). Cheers!

On Jun 4, 6:48 pm, "Justin Perkins"
<justinperk...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org>
wrote:> You want to use:
>
> document.observe(''dom:loaded'', yourObserver);
>
> From:http://www.prototypejs.org/api/document/observe--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

Christophe Porteneuve

2008-Jun-04 19:59 UTC

head link

Re: Layout of Javascript code - how do you guys do it?

The basic, fundamental way everywhere in the examples (and in the books) 
is to register your observers within a dom:loaded observer.  Something 
like this in your scripts:

...

function initXYZObservers() {
   ...
}

...

function initABCObservers() {
   ...
}

...

document.observe(''dom:loaded'', function() {
   initXYZObservers();
   initABCObservers();
});

dom:loaded will trigger once the DOM is fully loaded, but before 
external resources, such as images and stylesheets, have loaded.  It''s 
an ideal place to register your observers unobtrusively ASAP.

You''d see it everywhere in my book ;-)

   http://books.pragprog.com/titles/cppsu/

''HTH

-- 
Christophe Porteneuve aka TDD
tdd-x+CfDp/qHev2eFz/2MeuCQ@public.gmane.org

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

RobG

2008-Jun-05 12:35 UTC

head link

Re: Layout of Javascript code - how do you guys do it?

On Jun 5, 5:59 am, Christophe Porteneuve
<t...-x+CfDp/qHev2eFz/2MeuCQ@public.gmane.org>
wrote:> The basic, fundamental way everywhere in the examples (and in the books)
Presumably you forgot the phrase "...about Prototype.js...".  :-)
> is to register your observers within a dom:loaded observer.  Something
> like this in your scripts:
[...]> You''d see it everywhere in my book ;-)
There are other opinions (noting that moving scripts to the bottom of
the page also removes the need to use the sometimes problematic
dom:loaded):

<URL:
http://developer.yahoo.net/blog/archives/2007/07/high_performanc_5.html>

--
Rob
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

Christophe Porteneuve

2008-Jun-05 13:26 UTC

head link

Re: Layout of Javascript code - how do you guys do it?

RobG a écrit :> There are other opinions (noting that moving scripts to the bottom of
> the page also removes the need to use the sometimes problematic
> dom:loaded):
> 
> <URL:
http://developer.yahoo.net/blog/archives/2007/07/high_performanc_5.html
Yup, Yahoo! recommends bottom script inits; I usually don''t bother, as 
dom:loaded works alright for me, and I prefer keeping my scripts out of 
my HTML.  But I can see the need would arise sometime.

-- 
Christophe Porteneuve aka TDD
tdd-x+CfDp/qHev2eFz/2MeuCQ@public.gmane.org

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

nlloyds

2008-Jun-06 20:35 UTC

head link

Re: Layout of Javascript code - how do you guys do it?

On Jun 4, 1:50 pm, sheps-ii
<simonrsheph...-gM/Ye1E23mwN+BqQ9rBEUg@public.gmane.org>
wrote:> Thank you, that''s fantastic. I love how prototype helps true
> modularity into content(server side)->structure (html)->behaviour
> (js). Cheers!
To take it a step further, I usually encapsulate everything in a class
or namespace. So, the bottom of the html looks like this:

<script type="text/javascript"
src="prototype.js"></script>
<script type="text/javascript"
src="mysite.js"></script>
</body>
</html>

Then the mysite.js:

if (typeof Prototype == "object") { // only load if Prototype is
present
  var MySite = Class.create({
    initialize : function () {
     ... // stuff to do on page load

     this.addObservers();
    },

    // Add additional event handlers here
    addObservers : function () {
      ...
    },

    ...

  });
  document.observe("dom:loaded", function () { new MySite() });
}

I don''t know if that''s the best way to do things, but It works
well
for me. YMMV
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

kangax

2008-Jun-06 21:12 UTC

head link

Re: Layout of Javascript code - how do you guys do it?

typeof unfortunately returns "object" when applied to null
typeof null; // "object"

A safer way is to test for undefined:

if (typeof Prototype != ''undefined'') {
  ...
}

- kangax

On Jun 6, 4:35 pm, nlloyds
<nllo...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org>
wrote:> On Jun 4, 1:50 pm, sheps-ii
<simonrsheph...-gM/Ye1E23mwN+BqQ9rBEUg@public.gmane.org> wrote:
>
> > Thank you, that''s fantastic. I love how prototype helps true
> > modularity into content(server side)->structure
(html)->behaviour
> > (js). Cheers!
>
> To take it a step further, I usually encapsulate everything in a class
> or namespace. So, the bottom of the html looks like this:
>
> <script type="text/javascript"
src="prototype.js"></script>
> <script type="text/javascript"
src="mysite.js"></script>
> </body>
> </html>
>
> Then the mysite.js:
>
> if (typeof Prototype == "object") { // only load if Prototype is
> present
>   var MySite = Class.create({
>     initialize : function () {
>      ... // stuff to do on page load
>
>      this.addObservers();
>     },
>
>     // Add additional event handlers here
>     addObservers : function () {
>       ...
>     },
>
>     ...
>
>   });
>   document.observe("dom:loaded", function () { new MySite() });
>
> }
>
> I don''t know if that''s the best way to do things, but It
works well
> for me. YMMV--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

T.J. Crowder

2008-Jun-07 06:58 UTC

head link

Re: Layout of Javascript code - how do you guys do it?

Or "if (Prototype) { ... }" ?
--
T.J. Crowder
tj / crowder software / com

On Jun 6, 10:12 pm, kangax
<kan...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org>
wrote:> typeof unfortunately returns "object" when applied to null
> typeof null; // "object"
>
> A safer way is to test for undefined:
>
> if (typeof Prototype != ''undefined'') {
>   ...
>
> }
>
> - kangax
>
> On Jun 6, 4:35 pm, nlloyds
<nllo...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:
>
> > On Jun 4, 1:50 pm, sheps-ii
<simonrsheph...-gM/Ye1E23mwN+BqQ9rBEUg@public.gmane.org> wrote:
>
> > > Thank you, that''s fantastic. I love how prototype helps
true
> > > modularity into content(server side)->structure
(html)->behaviour
> > > (js). Cheers!
>
> > To take it a step further, I usually encapsulate everything in a class
> > or namespace. So, the bottom of the html looks like this:
>
> > <script type="text/javascript"
src="prototype.js"></script>
> > <script type="text/javascript"
src="mysite.js"></script>
> > </body>
> > </html>
>
> > Then the mysite.js:
>
> > if (typeof Prototype == "object") { // only load if
Prototype is
> > present
> >   var MySite = Class.create({
> >     initialize : function () {
> >      ... // stuff to do on page load
>
> >      this.addObservers();
> >     },
>
> >     // Add additional event handlers here
> >     addObservers : function () {
> >       ...
> >     },
>
> >     ...
>
> >   });
> >   document.observe("dom:loaded", function () { new MySite()
});
>
> > }
>
> > I don''t know if that''s the best way to do things,
but It works well
> > for me. YMMV--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

kangax

2008-Jun-07 15:15 UTC

head link

Re: Layout of Javascript code - how do you guys do it?

Or that : )
It''s also pretty common to check for prototype version:

if (Prototype && Prototype.Version &&
Prototype.Version.indexOf(''1.6'') != -1) {
  ...
}

- kangax

On Jun 7, 2:58 am, "T.J. Crowder"
<tjcrow...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org>
wrote:> Or "if (Prototype) { ... }" ?
> --
> T.J. Crowder
> tj / crowder software / com
>
> On Jun 6, 10:12 pm, kangax
<kan...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:
>
> > typeof unfortunately returns "object" when applied to null
> > typeof null; // "object"
>
> > A safer way is to test for undefined:
>
> > if (typeof Prototype != ''undefined'') {
> >   ...
>
> > }
>
> > - kangax
>
> > On Jun 6, 4:35 pm, nlloyds
<nllo...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:
>
> > > On Jun 4, 1:50 pm, sheps-ii
<simonrsheph...-gM/Ye1E23mwN+BqQ9rBEUg@public.gmane.org> wrote:
>
> > > > Thank you, that''s fantastic. I love how prototype
helps true
> > > > modularity into content(server side)->structure
(html)->behaviour
> > > > (js). Cheers!
>
> > > To take it a step further, I usually encapsulate everything in a
class
> > > or namespace. So, the bottom of the html looks like this:
>
> > > <script type="text/javascript"
src="prototype.js"></script>
> > > <script type="text/javascript"
src="mysite.js"></script>
> > > </body>
> > > </html>
>
> > > Then the mysite.js:
>
> > > if (typeof Prototype == "object") { // only load if
Prototype is
> > > present
> > >   var MySite = Class.create({
> > >     initialize : function () {
> > >      ... // stuff to do on page load
>
> > >      this.addObservers();
> > >     },
>
> > >     // Add additional event handlers here
> > >     addObservers : function () {
> > >       ...
> > >     },
>
> > >     ...
>
> > >   });
> > >   document.observe("dom:loaded", function () { new
MySite() });
>
> > > }
>
> > > I don''t know if that''s the best way to do
things, but It works well
> > > for me. YMMV--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

Frederick Polgardy

2008-Jun-07 17:00 UTC

head link

Re: Layout of Javascript code - how do you guys do it?

I thought this would throw an exception if Prototype wasn''t defined. 
You
would need to say:

var Prototype
if (Prototype) { ... }

Right?

-Fred

On Sat, Jun 7, 2008 at 1:58 AM, T.J. Crowder
<tjcrowder-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:
>
> Or "if (Prototype) { ... }" ?
> --
> T.J. Crowder
> tj / crowder software / com
>
> On Jun 6, 10:12 pm, kangax
<kan...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:
> > typeof unfortunately returns "object" when applied to null
> > typeof null; // "object"
> >
> > A safer way is to test for undefined:
> >
> > if (typeof Prototype != ''undefined'') {
> >   ...
> >
> > }
> >
> > - kangax
> >
> > On Jun 6, 4:35 pm, nlloyds
<nllo...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:
> >
> > > On Jun 4, 1:50 pm, sheps-ii
<simonrsheph...-gM/Ye1E23mwN+BqQ9rBEUg@public.gmane.org> wrote:
> >
> > > > Thank you, that''s fantastic. I love how prototype
helps true
> > > > modularity into content(server side)->structure
(html)->behaviour
> > > > (js). Cheers!
> >
> > > To take it a step further, I usually encapsulate everything in a
class
> > > or namespace. So, the bottom of the html looks like this:
> >
> > > <script type="text/javascript"
src="prototype.js"></script>
> > > <script type="text/javascript"
src="mysite.js"></script>
> > > </body>
> > > </html>
> >
> > > Then the mysite.js:
> >
> > > if (typeof Prototype == "object") { // only load if
Prototype is
> > > present
> > >   var MySite = Class.create({
> > >     initialize : function () {
> > >      ... // stuff to do on page load
> >
> > >      this.addObservers();
> > >     },
> >
> > >     // Add additional event handlers here
> > >     addObservers : function () {
> > >       ...
> > >     },
> >
> > >     ...
> >
> > >   });
> > >   document.observe("dom:loaded", function () { new
MySite() });
> >
> > > }
> >
> > > I don''t know if that''s the best way to do
things, but It works well
> > > for me. YMMV
> >
>

-- 
Science answers questions; philosophy questions answers.

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

kangax

2008-Jun-07 17:10 UTC

head link

Re: Layout of Javascript code - how do you guys do it?

Never heard of that, Fred.

You are not accessing any properties, nor performing any operations on
a variable.
It would simply yield undefined which would then evaluate to false.

- kangax

On Jun 7, 1:00 pm, "Frederick Polgardy"
<f...-SMQUYeM9IBBWk0Htik3J/w@public.gmane.org>
wrote:> I thought this would throw an exception if Prototype wasn''t
defined.  You
> would need to say:
>
> var Prototype
> if (Prototype) { ... }
>
> Right?
>
> -Fred
>
>
>
> On Sat, Jun 7, 2008 at 1:58 AM, T.J. Crowder
<tjcrow...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:
>
> > Or "if (Prototype) { ... }" ?
> > --
> > T.J. Crowder
> > tj / crowder software / com
>
> > On Jun 6, 10:12 pm, kangax
<kan...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:
> > > typeof unfortunately returns "object" when applied to
null
> > > typeof null; // "object"
>
> > > A safer way is to test for undefined:
>
> > > if (typeof Prototype != ''undefined'') {
> > >   ...
>
> > > }
>
> > > - kangax
>
> > > On Jun 6, 4:35 pm, nlloyds
<nllo...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:
>
> > > > On Jun 4, 1:50 pm, sheps-ii
<simonrsheph...-gM/Ye1E23mwN+BqQ9rBEUg@public.gmane.org> wrote:
>
> > > > > Thank you, that''s fantastic. I love how
prototype helps true
> > > > > modularity into content(server side)->structure
(html)->behaviour
> > > > > (js). Cheers!
>
> > > > To take it a step further, I usually encapsulate everything
in a class
> > > > or namespace. So, the bottom of the html looks like this:
>
> > > > <script type="text/javascript"
src="prototype.js"></script>
> > > > <script type="text/javascript"
src="mysite.js"></script>
> > > > </body>
> > > > </html>
>
> > > > Then the mysite.js:
>
> > > > if (typeof Prototype == "object") { // only load
if Prototype is
> > > > present
> > > >   var MySite = Class.create({
> > > >     initialize : function () {
> > > >      ... // stuff to do on page load
>
> > > >      this.addObservers();
> > > >     },
>
> > > >     // Add additional event handlers here
> > > >     addObservers : function () {
> > > >       ...
> > > >     },
>
> > > >     ...
>
> > > >   });
> > > >   document.observe("dom:loaded", function () { new
MySite() });
>
> > > > }
>
> > > > I don''t know if that''s the best way to do
things, but It works well
> > > > for me. YMMV
>
> --
> Science answers questions; philosophy questions answers.--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

T.J. Crowder

2008-Jun-08 09:22 UTC

head link

Re: Layout of Javascript code - how do you guys do it?

Hi Fred,

No, not in standard JavaScript.  The interpreter will work its way up
the scope chain looking for "Prototype"; if it reaches the global
object (which is always the root of the scope chain; the global object
in browser apps is the window object), it assumes the reference is a
property of that object.  The property will have the value undefined.

That''s why people keep getting into trouble with implicit global
variables (e.g., forgetting to declare them), like this:

function foo(stringArray)
{
    for (i = 0; i < myArray.length; ++i)
    {
        bar(stringArray);
    }
}

function bar(element)
{
    i = element.indexOf('','');
    if (i > 0)
    {
        $(element.substring(0, i)).update(element.substring(i + 1));
    }
}

Since ''i'' isn''t declared anywhere, it implicitly
becomes a property of
the global object (window), and hence the above code blows up because
the ''i'' in foo() and the ''i'' in bar() are
the same property
(window.i), and so bar() stomps on the array iterator in foo().

More in my sadly-neglected blog:
http://blog.niftysnippets.org/2008/03/horror-of-implicit-globals.html
--
T.J. Crowder
tj / crowder software / com

On Jun 7, 6:00 pm, "Frederick Polgardy"
<f...-SMQUYeM9IBBWk0Htik3J/w@public.gmane.org>
wrote:> I thought this would throw an exception if Prototype wasn''t
defined.  You
> would need to say:
>
> var Prototype
> if (Prototype) { ... }
>
> Right?
>
> -Fred
>
>
>
> On Sat, Jun 7, 2008 at 1:58 AM, T.J. Crowder
<tjcrow...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:
>
> > Or "if (Prototype) { ... }" ?
> > --
> > T.J. Crowder
> > tj / crowder software / com
>
> > On Jun 6, 10:12 pm, kangax
<kan...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:
> > > typeof unfortunately returns "object" when applied to
null
> > > typeof null; // "object"
>
> > > A safer way is to test for undefined:
>
> > > if (typeof Prototype != ''undefined'') {
> > >   ...
>
> > > }
>
> > > - kangax
>
> > > On Jun 6, 4:35 pm, nlloyds
<nllo...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:
>
> > > > On Jun 4, 1:50 pm, sheps-ii
<simonrsheph...-gM/Ye1E23mwN+BqQ9rBEUg@public.gmane.org> wrote:
>
> > > > > Thank you, that''s fantastic. I love how
prototype helps true
> > > > > modularity into content(server side)->structure
(html)->behaviour
> > > > > (js). Cheers!
>
> > > > To take it a step further, I usually encapsulate everything
in a class
> > > > or namespace. So, the bottom of the html looks like this:
>
> > > > <script type="text/javascript"
src="prototype.js"></script>
> > > > <script type="text/javascript"
src="mysite.js"></script>
> > > > </body>
> > > > </html>
>
> > > > Then the mysite.js:
>
> > > > if (typeof Prototype == "object") { // only load
if Prototype is
> > > > present
> > > >   var MySite = Class.create({
> > > >     initialize : function () {
> > > >      ... // stuff to do on page load
>
> > > >      this.addObservers();
> > > >     },
>
> > > >     // Add additional event handlers here
> > > >     addObservers : function () {
> > > >       ...
> > > >     },
>
> > > >     ...
>
> > > >   });
> > > >   document.observe("dom:loaded", function () { new
MySite() });
>
> > > > }
>
> > > > I don''t know if that''s the best way to do
things, but It works well
> > > > for me. YMMV
>
> --
> Science answers questions; philosophy questions answers.--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

T.J. Crowder

2008-Jun-08 09:25 UTC

head link

Re: Layout of Javascript code - how do you guys do it?

Sorry, copy-and-paste error on the entire foo() function introducing
not one but two errors; it should be:

function foo(stringArray)
{
    for (i = 0; i < stringArray.length; ++i)
    {
        bar(stringArray[i]);
    }

}

-- T.J. :-)

On Jun 8, 10:22 am, "T.J. Crowder"
<tjcrow...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org>
wrote:> Hi Fred,
>
> No, not in standard JavaScript.  The interpreter will work its way up
> the scope chain looking for "Prototype"; if it reaches the global
> object (which is always the root of the scope chain; the global object
> in browser apps is the window object), it assumes the reference is a
> property of that object.  The property will have the value undefined.
>
> That''s why people keep getting into trouble with implicit global
> variables (e.g., forgetting to declare them), like this:
>
> function foo(stringArray)
> {
>     for (i = 0; i < myArray.length; ++i)
>     {
>         bar(stringArray);
>     }
>
> }
>
> function bar(element)
> {
>     i = element.indexOf('','');
>     if (i > 0)
>     {
>         $(element.substring(0, i)).update(element.substring(i + 1));
>     }
>
> }
>
> Since ''i'' isn''t declared anywhere, it implicitly
becomes a property of
> the global object (window), and hence the above code blows up because
> the ''i'' in foo() and the ''i'' in bar()
are the same property
> (window.i), and so bar() stomps on the array iterator in foo().
>
> More in my sadly-neglected
blog:http://blog.niftysnippets.org/2008/03/horror-of-implicit-globals.html
> --
> T.J. Crowder
> tj / crowder software / com
>
> On Jun 7, 6:00 pm, "Frederick Polgardy"
<f...-SMQUYeM9IBBWk0Htik3J/w@public.gmane.org> wrote:
>
> > I thought this would throw an exception if Prototype wasn''t
defined.  You
> > would need to say:
>
> > var Prototype
> > if (Prototype) { ... }
>
> > Right?
>
> > -Fred
>
> > On Sat, Jun 7, 2008 at 1:58 AM, T.J. Crowder
<tjcrow...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:
>
> > > Or "if (Prototype) { ... }" ?
> > > --
> > > T.J. Crowder
> > > tj / crowder software / com
>
> > > On Jun 6, 10:12 pm, kangax
<kan...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:
> > > > typeof unfortunately returns "object" when applied
to null
> > > > typeof null; // "object"
>
> > > > A safer way is to test for undefined:
>
> > > > if (typeof Prototype != ''undefined'') {
> > > >   ...
>
> > > > }
>
> > > > - kangax
>
> > > > On Jun 6, 4:35 pm, nlloyds
<nllo...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:
>
> > > > > On Jun 4, 1:50 pm, sheps-ii
<simonrsheph...-gM/Ye1E23mwN+BqQ9rBEUg@public.gmane.org> wrote:
>
> > > > > > Thank you, that''s fantastic. I love how
prototype helps true
> > > > > > modularity into content(server side)->structure
(html)->behaviour
> > > > > > (js). Cheers!
>
> > > > > To take it a step further, I usually encapsulate
everything in a class
> > > > > or namespace. So, the bottom of the html looks like
this:
>
> > > > > <script type="text/javascript"
src="prototype.js"></script>
> > > > > <script type="text/javascript"
src="mysite.js"></script>
> > > > > </body>
> > > > > </html>
>
> > > > > Then the mysite.js:
>
> > > > > if (typeof Prototype == "object") { // only
load if Prototype is
> > > > > present
> > > > >   var MySite = Class.create({
> > > > >     initialize : function () {
> > > > >      ... // stuff to do on page load
>
> > > > >      this.addObservers();
> > > > >     },
>
> > > > >     // Add additional event handlers here
> > > > >     addObservers : function () {
> > > > >       ...
> > > > >     },
>
> > > > >     ...
>
> > > > >   });
> > > > >   document.observe("dom:loaded", function ()
{ new MySite() });
>
> > > > > }
>
> > > > > I don''t know if that''s the best way
to do things, but It works well
> > > > > for me. YMMV
>
> > --
> > Science answers questions; philosophy questions answers.--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

Радослав Станков

2008-Jun-08 10:31 UTC

head link

Re: Layout of Javascript code - how do you guys do it?

I use something like lowpro''s behaviors (
http://svn.danwebb.net/external/lowpro/tags/rel_0.5/dist/lowpro.js)
and http://encytemedia.com/event-selectors.My code looks like that and
I haven''t use write js in the htm file for years:

CD3.Behaviors({
    ''#someElement'': {
        ''click'':                Site.onClick,
        ''custom:event''    Site.onCustomEvent
    },
    ''select'': CD3.Select, // this CD3.Select is class
    ''ul li.tab:click: Site.activateTab
});


This kind of work helps my to separate my logic from view. It also
helps when some other developers comes to the project.

p.s. http://next.pixeldepo.com/files/behaviors.js <- here is my
CD3.Behaviors but if someone is interested.
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

Frederick Polgardy

2008-Jun-08 13:45 UTC

head link

Re: Layout of Javascript code - how do you guys do it?

It seems like that would be the case based on JavaScript''s lexical
scoping
rules, but in Firefox I get a JavaScript error ("ReferenceError: Prototype
if not defined") when I try to alert(Prototype) or if(Prototype) { ... }.

Didn''t make sense to me either. :-)

-Fred

On Sun, Jun 8, 2008 at 4:22 AM, T.J. Crowder
<tjcrowder-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:
>
> Hi Fred,
>
> No, not in standard JavaScript.  The interpreter will work its way up
> the scope chain looking for "Prototype"; if it reaches the global
> object (which is always the root of the scope chain; the global object
> in browser apps is the window object), it assumes the reference is a
> property of that object.  The property will have the value undefined.

-- 
Science answers questions; philosophy questions answers.

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

T.J. Crowder

2008-Jun-09 08:24 UTC

head link

Re: Layout of Javascript code - how do you guys do it?

Wow.  Thanks, Fred, I was quite wrong on this.  This fails with a
ReferenceError:

function go()
{
    if (Flibbergibbet)
    {
        alert("Flibbergibbet found");
    }
    else
    {
        alert("Flibbergibbet not found");
    }
}

...whereas this works:

function go()
{
    if (typeof Flibbergibbet == "undefined")
    {
        alert("Flibbergibbet found");
    }
    else
    {
        alert("Flibbergibbet not found");
    }
}

...saying "Flibbergibbet not found"; and interestingly, this also
works:

function go()
{
    if (window.Flibbergibbet)
    {
        alert("Flibbergibbet found");
    }
    else
    {
        alert("Flibbergibbet not found");
    }
}

...saying "Flibbergibbet not found".

The relevant sections of the ECMA spec seem to be 8.7 ("The Reference
Type") and 10.1.4 ("Scope Chain and Identifier Resolution").  If
you
read 8.7, then read 10.1.4, this is exactly the behavior we''re
seeing.  It''s as spec''d.  Summarizing:

1. Retrieving the value from an unqualified identifier does *not*
resolve to a property of the global object, it''s an error.

2. Assigning a value to an unqualified identifier creates a property
on the global object.  (Yes, this is assymmetric.)

3. Retrieving the value of a *qualified* identifier (e.g.,
"window.Flibbergibbet") resolves to a property on the given object and
gives you the value undefined if it doesn''t exist.

E.g., there''s a fundamental difference between "if
(Flibbergibbet)"
and "if (window.Flibbergibbet)", but not between "Flibbergibbet =
5"
and "window.Flibberbigget = 5".

You learn something new every day.  Thanks again, Fred!
--
T.J. Crowder
tj / crowder software / com

On Jun 8, 2:45 pm, "Frederick Polgardy"
<f...-SMQUYeM9IBBWk0Htik3J/w@public.gmane.org>
wrote:> It seems like that would be the case based on JavaScript''s lexical
scoping
> rules, but in Firefox I get a JavaScript error ("ReferenceError:
Prototype
> if not defined") when I try to alert(Prototype) or if(Prototype) { ...
}.
>
> Didn''t make sense to me either. :-)
>
> -Fred
>
> On Sun, Jun 8, 2008 at 4:22 AM, T.J. Crowder
<tjcrow...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:
>
> > Hi Fred,
>
> > No, not in standard JavaScript.  The interpreter will work its way up
> > the scope chain looking for "Prototype"; if it reaches the
global
> > object (which is always the root of the scope chain; the global object
> > in browser apps is the window object), it assumes the reference is a
> > property of that object.  The property will have the value undefined.
>
> --
> Science answers questions; philosophy questions answers.--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

Frederick Polgardy

2008-Jun-09 17:53 UTC

head link

Re: Layout of Javascript code - how do you guys do it?

Hey, it''s all good.  Thanks for doing the legwork.  I probably
wouldn''t have
gone to the spec to figure out why it didn''t work. ;-)

-Fred

On Mon, Jun 9, 2008 at 3:24 AM, T.J. Crowder
<tjcrowder-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:
>
> Wow.  Thanks, Fred, I was quite wrong on this.  This fails with a
> ReferenceError:

-- 
Science answers questions; philosophy questions answers.

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

RobG

2008-Jun-10 03:22 UTC

head link

Re: Layout of Javascript code - how do you guys do it?

On Jun 8, 11:45 pm, "Frederick Polgardy"
<f...-SMQUYeM9IBBWk0Htik3J/w@public.gmane.org>
wrote:> On Sun, Jun 8, 2008 at 4:22 AM, T.J. Crowder
<tjcrow...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:
>
> > Hi Fred,
>
> > No, not in standard JavaScript.  The interpreter will work its way up
> > the scope chain looking for "Prototype"; if it reaches the
global
> > object (which is always the root of the scope chain; the global object
> > in browser apps is the window object), it assumes the reference is a
> > property of that object.  The property will have the value undefined.
No, it won''t.  There is a big difference between a property whose
value is undefined (as in a declared variable that has not been
assigned a value) and an indetifier that has not been defined at all
(i.e. not declared).

Read the ECMAScript spec, section 10.1.4.  To summarise, if a property
with the same name as the identifier is not found on the scope chain,
then return "a value of type Reference whose base object is null and
whose property name is the Identifier".

Having resolved the identifier, it now must be evaluated, section 12.4
says:

1. Evaluate Expression.
2. Call GetValue(Result(1)).
3. Return (normal, Result(2), empty).

When it gets to step 2 and calls GetValue...  Section 8.7.1 getValue
says:

1. If Type(V) is not Reference, return V.
2. Call GetBase(V).
3. If Result(2) is null, throw a ReferenceError exception.

Ta da.

> It seems like that would be the case based on JavaScript''s lexical
scoping
> rules, but in Firefox I get a JavaScript error ("ReferenceError:
Prototype
> if not defined") when I try to alert(Prototype) or if(Prototype) { ...
}.
>
> Didn''t make sense to me either. :-)
Hopefully this order of posing makes more sense.  :-)

It makes sense if you realise that undeclared variables are created as
global variables *only* when code is executed that assigns some value
to them.

e.g. the statement:

  Prototype;

creates a reference error because when attempting to resolve the
identifier "Prototype", it can''t be found and so returns a
null
reference.

ECMAScript spec sections 12.4,  and

Since JavaScript is a forgiving language, using:

  Prototype = ''foo'';

creates a Prototype property of the global object *when the statement
is executed* and the value ''foo'' is assigned to it (sections
11.13.1
and 8.7.2 explain).

--
Rob
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

Frederick Polgardy

2008-Jun-10 03:27 UTC

head link

Re: Layout of Javascript code - how do you guys do it?

Yup, exactly what TJ said in his lengthy reply to my original message. :-)

On Mon, Jun 9, 2008 at 10:22 PM, RobG
<rgqld-AFFH1GffN5hPR4JQBCEnsQ@public.gmane.org> wrote:
>
> Read the ECMAScript spec, section 10.1.4.  To summarise, if a property
> with the same name as the identifier is not found on the scope chain,
> then return "a value of type Reference whose base object is null and
> whose property name is the Identifier".
>
> Having resolved the identifier, it now must be evaluated, section 12.4
> says:
>
> 1. Evaluate Expression.
> 2. Call GetValue(Result(1)).
> 3. Return (normal, Result(2), empty).
>
> When it gets to step 2 and calls GetValue...  Section 8.7.1 getValue
> says:
>
> 1. If Type(V) is not Reference, return V.
> 2. Call GetBase(V).
> 3. If Result(2) is null, throw a ReferenceError exception.
>
> Ta da.

-- 
Science answers questions; philosophy questions answers.

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

T.J. Crowder

2008-Jun-10 05:37 UTC

head link

Re: Layout of Javascript code - how do you guys do it?

@Rob: Jinx!

-- T.J. ;-)

On Jun 10, 4:22 am, RobG <rg...-AFFH1GffN5hPR4JQBCEnsQ@public.gmane.org>
wrote:> On Jun 8, 11:45 pm, "Frederick Polgardy"
<f...-SMQUYeM9IBBWk0Htik3J/w@public.gmane.org> wrote:
>
> > On Sun, Jun 8, 2008 at 4:22 AM, T.J. Crowder
<tjcrow...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:
>
> > > Hi Fred,
>
> > > No, not in standard JavaScript.  The interpreter will work its
way up
> > > the scope chain looking for "Prototype"; if it reaches
the global
> > > object (which is always the root of the scope chain; the global
object
> > > in browser apps is the window object), it assumes the reference
is a
> > > property of that object.  The property will have the value
undefined.
>
> No, it won''t.  There is a big difference between a property whose
> value is undefined (as in a declared variable that has not been
> assigned a value) and an indetifier that has not been defined at all
> (i.e. not declared).
>
> Read the ECMAScript spec, section 10.1.4.  To summarise, if a property
> with the same name as the identifier is not found on the scope chain,
> then return "a value of type Reference whose base object is null and
> whose property name is the Identifier".
>
> Having resolved the identifier, it now must be evaluated, section 12.4
> says:
>
> 1. Evaluate Expression.
> 2. Call GetValue(Result(1)).
> 3. Return (normal, Result(2), empty).
>
> When it gets to step 2 and calls GetValue...  Section 8.7.1 getValue
> says:
>
> 1. If Type(V) is not Reference, return V.
> 2. Call GetBase(V).
> 3. If Result(2) is null, throw a ReferenceError exception.
>
> Ta da.
>
> > It seems like that would be the case based on JavaScript''s
lexical scoping
> > rules, but in Firefox I get a JavaScript error ("ReferenceError:
Prototype
> > if not defined") when I try to alert(Prototype) or if(Prototype)
{ ... }.
>
> > Didn''t make sense to me either. :-)
>
> Hopefully this order of posing makes more sense.  :-)
>
> It makes sense if you realise that undeclared variables are created as
> global variables *only* when code is executed that assigns some value
> to them.
>
> e.g. the statement:
>
>   Prototype;
>
> creates a reference error because when attempting to resolve the
> identifier "Prototype", it can''t be found and so returns
a null
> reference.
>
> ECMAScript spec sections 12.4,  and
>
> Since JavaScript is a forgiving language, using:
>
>   Prototype = ''foo'';
>
> creates a Prototype property of the global object *when the statement
> is executed* and the value ''foo'' is assigned to it
(sections 11.13.1
> and 8.7.2 explain).
>
> --
> Rob--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

Rails spinoffs - Jun 2008 - Layout of Javascript code - how do you guys do it?

Layout of Javascript code - how do you guys do it?

Re: Layout of Javascript code - how do you guys do it?

Re: Layout of Javascript code - how do you guys do it?

Re: Layout of Javascript code - how do you guys do it?

Re: Layout of Javascript code - how do you guys do it?

Re: Layout of Javascript code - how do you guys do it?

Re: Layout of Javascript code - how do you guys do it?

Re: Layout of Javascript code - how do you guys do it?

Re: Layout of Javascript code - how do you guys do it?

Re: Layout of Javascript code - how do you guys do it?

Re: Layout of Javascript code - how do you guys do it?

Re: Layout of Javascript code - how do you guys do it?

Re: Layout of Javascript code - how do you guys do it?

Re: Layout of Javascript code - how do you guys do it?

Re: Layout of Javascript code - how do you guys do it?

Re: Layout of Javascript code - how do you guys do it?

Re: Layout of Javascript code - how do you guys do it?

Re: Layout of Javascript code - how do you guys do it?

Re: Layout of Javascript code - how do you guys do it?

Re: Layout of Javascript code - how do you guys do it?

Re: Layout of Javascript code - how do you guys do it?

Re: Layout of Javascript code - how do you guys do it?