When using jQuery, it’s almost a given that you are using the
$(document).ready(function() {} )
functionality in order to immediately, upon page load, attach events to controls - things like attaching a check-all-boxes() function to the checkbox input. I thought I had everything organized correctly when I simply had the django blocks {* *}, to only include the associated javascript so that the base.html template file would have it.

base.html
  - items.html (inherits base.html)
  - mealplans.html (inherits base.html)

And then in each of those:
  - items.html

    {% block js_ready %}
              massive amount of javascript,
             (especially since my latest site,
             fridgeclick.com has a lot of ajax)
    {% endblock %}
 - mealplans.html  ( the same here )

However modularized I thought this was, when I did a “view source” in the browser after navigating to either of these pages, there was a big mess, way too much javascript looking back at me.

Read the rest of this entry »