Question

I have read quite a bit about unobtrusive JS and how to generate it and all that jazz…

My problem is this: I have a website that heavily relies on mod_rewrite, so essentially all the pages requests are sent to index.php that generates the main structure of the page and then includes the appropriate page. Now, there are different sections in the site and each section uses different Javascript functions (e.g. for different AJAX requests).

Now, if I just were to attach a function to the onload of the page obviously the thing would not work, as I do not have to initialise the same things for each page… so what is the best way to handle this situation?

I hope the situation is clear, I’ll be happy to clarify if needed

Answer 1

Nico, I would suggest creating a custom javascript code with each included page (doesn’t matter where on the page you include the script tag) and, as Matthew suggested, after you define a function to run on page load, use the addEventListener to load that custom function on “load”
Let’s say you define a function pageinit() somewhere in the body of the included document

function pageinit(){..
}
window.addEventListener("load", function() { pageinit(); }, false); 

Does that make sense for your project?