In fact, this and all the detail sections on this page use this Action for their functionality.

In short, this Action takes an html block and adds the necessary JS to the page to allow the block to grow/bounce and have the neat accordion effect in the browser.

*Notice the nested moo:Accordion in the moo:Slimbox detail section below. The 'leaf' grows to accommodate it's content size change, be it nested accordions or a simple text size change.

Ability to 'Remember State' via a cookie (optional), so returning users will have accordions openedthe same as when they visited previoulsy.

This Action is relatively unchanged from the previous standalone version. So all the previous examples still applie (*mostly*):

See Table Sample Page

See Documentation Page (Basic application and operation)

Quick/Simple Directions

Advanced Examples Page

See Development Test Page (upcoming features and applications)

See Quick Samples Page (moo.js Accordion with all types of Action content)

Adds coding required for Lightbox style popup (actually using Lightbox clone: Slimbox).
Uses the open-source library found at: http://www.digitalia.be/software/slimbox (MIT license)

- Ability to automatically resize pictures that are too large
- Themes are supported and major customizations can be accomplished through CSS styling
- 'Use Source Image' option takes the file source image and uses that as the lightbox output. Updates with changes to image and source. Great for easy links from thumbnails to larger image.
- Creates an actual html page for the gallery images, so if the user has Javascript turned off they will be able to see all the images you intend. Give it a try: Either right click the image and choose 'Open link in new window' (or equivalent) or turn off JavaScript and try the link again.

moo: Lightbox/Slimbox Modifiers:

• Custom 'Image' # 'of' # syntax. Not tied to just English anymore.
• Themes - Like the one displayed with the above link.
• Options can be overridden like page background color.
• Plan to include options to modify the non-JS, Action-generated html galleries

Close This Accordion

 

See Example Page

Adds ability to define and cause 'effects on load', as the name would suggest. Currently supports one onLoad event, but Fading and sliding in are possible. I may add more effects 'slots' to each instance of the Action to allow for more features and operations.

For instance: This action will allow the designer to 'set' an item or container to be invisible until it is fully loaded into the browser. Want your navigation bar to appear as one block instead of small image fragments? Or maybe you want items to 'load' in a specific order?
It is possible to set up those effects with this Action.

Possible extensions include setting things like mouseovers and such for items.

Note: Although the Action may be applied to all types of item, it may not have an effective result when viewed in the bowser. Additionally, effects like 'Slide' manipulate an item's margins, which will overwrite any 'designed' margins for the item.

See totally unpolished test page

See Example Page

Allows creation of sophisticated slideshow from a manually selected set of slides. Selection from a folder is also supported. Titles and Caption may be added for either source option

JonDesign's SmoothGallery (http://smoothgallery.jondesign.net/ - GNU Public License v3)

A few Actions that are thrown in because they use the mootools library.

+ moo:Tips - Ability to add stylable tips to any css selectable item/class

+ moo:Smooth Scrolling to Anchors - Pages smoothly scrolls to page anchors.

+ moo:Accordion Trigger - Allows remote triggering of an Accordion from anywhere on the page.

+ moo:Add Scripts - FOR ADVANCED USERS - Used to add the JS libraries to a page without attaching a mootools effect to an object. Only the JS files are added, not any of the support images or CSS files.

+moo:Script Locator - FOR ADVANCED USERS - Allows designation of user-uploaded mootool.js file for all mootools action instances to use.