I have a medium size legacy php application with almost no javascript integration. I've recently been learning javascript (yes actually learning it) using Douglas Crockfords excellent book and taken YUI as my library of choice. I've tried out a few things and got a few things working but now I want to integrate the various components etc into my application properly, my question is how to go about doing this for ease of maintenance and code reuse.
Currently the application consists of
- php pages
- smarty templates (html templates with some special template markup) for each section of a page so multiple templates may be used for a single page.
- single css file.
I have the following ideas about how to integrate my javascript into the pages.
- Write inline javascript in each smarty template with the code required for that section.
- Write a seperate .js file to go with each smarty template that is linked in and then a single inline script to run it.
- a seperate .js file for each php page which would have all the functionality required for the entire .php page. A small inline function would call whatever functions were required.
- Something I havent though of?
Does this make any sense? Does anyone have a good suggestion for this?
Update:
One extra bit of info is that its an internal application, so its not so important to restrict everything to a single file.