ansaurus

Question

How can I have multiple document.observe(dom:loaded ...) functions inside one javascript file? (prototype)

Answer 1

A:

Some ideas: inspect the dom to identify the page. For example, attach an attribute to the body element. put a script tag in the page that sets a variable. inspect the url.

when the load event fires, the event handler identifies the page and hands control off to the proper code.

chris 2010-02-19 03:02:38

Thank you for taking the time to answer. I had kinda considered those ideas but had brushed them off as a bit "hacky". I guess Im just being too fussy. Ill give them a go. Thanks

LeeRM 2010-02-19 12:21:19

Answer 2

+1 A:

I would give different IDs to the <body>s of the separate HTML files and test in the dom:loaded event the name of the <body> element using $$('body')[0].id.

Marcel Korpel 2010-02-19 03:04:49

Thanks very much. Im going to give this a go along with Chris' suggestions above.

LeeRM 2010-02-19 12:22:03

@LeeRM: you're welcome.

Marcel Korpel 2010-02-19 17:29:14

Answer 3

A:

I have opted to use a php regexp to capture the URI, then use this as the body ID. On my sites, where the page names are static, it means each page will have a unique ID.

I then include a JS file in the HEAD which contains a switch block inside which the appropriate code/functions are loaded. The switch block is inside the document.observe(dom:loaded...) function.

Works a treat!

Thank you again for your help.

LeeRM 2010-02-19 15:53:37

Answer 4

A:

I tend to always write my .js with no self activation (so much as possible)...

psuedo-code

namespace('mysite.section.init');
mysite.section.init.pageName = function(){
  //stuff to run here...
};

in your home page, at the bottom, or via dom:loaded event simply run mysite.section.init.pageName();

Tracker1 2010-10-26 08:33:03

ansaurus

tags:

views:

answers:

How can I have multiple document.observe(dom:loaded ...) functions inside one javascript file? (prototype)

related questions