I am currently working with a conditional logic form (Gravity Form on a WP site) and would like to morph a CSS element upon loading of a conditional html block (instead of initiating the morph through clicking, as shown in your demo).

The scenario is:

A wordpress post contains a thumbnail image, information and a conditional logic form. Site visitors select a picture frame style (in the conditional logic form) and the CSS image border elements are morphed to reflect their selection (a HTML block in the form initiates the script upon conditional selection of options).

Instead of ‘clicking’ on View 1, View 2 or View 3, I need the various options to initiate automatically upon load. Is that possible? What would I need to alter in the:

1. XHTML – I have tried many variations of ‘body onload’ but cannot trigger the morph.
2. MooTools Javascript – would I remove the ‘click’ and replace with ‘load’?

Any tips or advice would be greatly appreciated!

Cheers,

Keiran