Mootools 1.1 was released a few weeks ago and I’ve finally finished re-writing the Mootorial. You’ll find executable examples of nearly every function and class found in the library. Just as before, it’s a wiki (a wikitorial?) so you can jump in and fix typos or add clarity where you think it needs it.

In addition to this update we’ve tidied up some of our libraries (in particular the Element extensions) and tested them for compatibility with Mootools 1.1. You can download these files from our SVN server, view the examples of them in action, and look through the docs.

Mootools Extensions

Effects

Fx.SmoothShow.js [ docs | example ]

An effect for transitioning smoothly between display none and display block.

Native

element.shortcuts.js [ docs | example ]

Element extensions like Element.hide and Element.show.

element.dimensions.js [ docs | example ]

Provides extended dimension information for elements.

element.forms.js [ docs | example ]

Handles numerous element functions for editing text.

element.pin.js [ docs | example ]

Cross-browser method that allows elements to be toggled between position absolute and position fixed.

element.position.js [ docs | example ]

Positions elements on the page relative to other elements (including the window).

string.cnet.js [ docs | example ]

Numerous string functions like .parseQueryString and .stripTags.

window.cnet.js [ docs | example ]

Numerous window functions like .getQueryStringValue as well as a popup manager

Browser Fixes

fixping.js [ docs | example ]

This will make transparent pngs show up correctly in IE. This function is based almost entirely on the function found here: http://homepage.ntlworld.com/bobosola/pnginfo.htm

IframeShim.js [ docs | example ]

Iframe shim class for hiding elements (like select boxes) below a floating DOM element.

JS Widgets

clipboard.js [ docs | example ]

Allows you to insert data into the OS clipboard.

confirmer.js [ docs | example ]

Allows you to show a confirmation message (for instance, after a change is made that sends data to the server via ajax, you can fade in a “changes saved” message for a moment).

date.picker.js [ docs | example ]

A simple date picker class.

form.validator.js [ docs | example ]

Automatically validate data the user enters into a form as they enter it and/or on submit.

modalizer.js [ docs | example ]

A modal layer for prompts and alerts.

popupdetails.js [ docs | example ]

Mouseover details popup for items in a page.

product.picker.js [ docs | example ]

A generic content picker that will hit a data source and allow the user to select an item from the results.

stickyWin.js [ docs | example ]

An in-page popup maker.

stickyWin.detault.layout.js [ docs | example ]

A helper function to quickly make the html for a popup.

stickyWin.Modal.js [ docs | example ]

Combines the layer from modal.js with the StickyWin popup class.

stickyWinFx.js [ docs | example ]

Creates instances of StickyWin that fade in and out.

stickyWinFx.Drag.js [ docs | example ]

Creates instances of StickyWinFx that are draggable.

Layout Widgets

carousel.js [ docs | example ]

A simple slide show carousel with buttons for each slide.

html.table.js [ docs | example ]

Build data tables quickly.

mouseovers.js [ docs | example ]

Handle image mouseovers without writing any javascript.

multiple.open.accordion.js [ docs | example ]

A version of Mootools’ Accordion class that allows more than one item to be open at a time.

simple.slideshow.js [ docs | example ]

A simple slideshow (one for dom elements and another for images) with prev/next buttons.

tabswapper.js [ docs | example ]

A simple tab interface handler.

Utilities

dbug.js [ docs | example ]

A wrapper for Firebug console messages (so you don’t throw errors in browsers without Firebug).

simple.template.parser.js [ docs | example ]

A simple string parser that injects the values in an object into a template.

simple.error.popup.js [ docs | example ]

Uses StickyWinModal to present a warning to users.

jsonp.js [ docs | example ]

An Ajax-like remote Json handler for using script injection to do cross domain javascripting.

This entry was posted on Wednesday, May 30th, 2007 at 12:19 pm and is filed under CNET JS Standards, MooTools, Widgets. You can follow any responses to this entry through the RSS 2.0 feed. Both comments and pings are currently closed.