[Grok-dev] AJAX example for Uli using Mochikit and HTML-injection

[Sebastian Ware]

This is what it looks like in action:

   http://www.urbantalk.se/DEVELOPER/tvsk

Click on the days or change pictures with the buttons marked "<" and  
">".

What I did was to create widgets that produce HTML that I can inject  
either using the PageTemplate or the Mochikit HTML-injection method.  
By adding some extra attributes when rendering the widget I get  
parameters that I can easily find and use in my AJAX calls.

If javascript is turned off, the links work as normal. If javascript  
is turned on, and the Mochikit library can be loaded, the 'onclick'  
events are intercepted and trigger the AJAX stuff.

All design is done in the widget renderer using python (I didn't want  
to learn javascript... :p). And the HTML-injection is flicker free on  
my old Powerbook so it looks very much like the real thing. :)

The PageTemplate (renamed with prefix "my_")
    http://www.urbantalk.se/DEVELOPER/tvsk/my_index_html

Widgets... (renamed with prefix "my_")
    http://www.urbantalk.se/DEVELOPER/tvsk/my_render_picset
    http://www.urbantalk.se/DEVELOPER/tvsk/my_render_veckoschema

My javascript-file that does the AJAX stuff
    http://www.urbantalk.se/DEVELOPER/tvsk/render_blocks/helper/tvsk.js

Support...
    http://www.urbantalk.se/DEVELOPER/tvsk/javascripts/mochikit/ 
MochiKit.js


Regards Sebastian Ware