Clientcide Libraries: version 2.2.0 Help

Plugins built for Mootools 1.2.4

See also: Mootools | the docs | the license | git (code repo) | assets

This page was built using the MooTools Depender application, which you can download and run yourself, if you like.

include entire library exclude entire library
MooTools Core: 1.2.4
Core
  • Core
    The core of MooTools, contains all the base functions and the Native and Hash implementations. Required by all the other scripts.
  • exclude
  • Browser
    The Browser Core. Contains Browser initialization, Window and Document, and the Browser Hash.
  • exclude
Native
  • Array
    Contains Array Prototypes like each, contains, and erase.
  • exclude
  • Function
    Contains Function Prototypes like create, bind, pass, and delay.
  • exclude
  • Number
    Contains Number Prototypes like limit, round, times, and ceil.
  • exclude
  • String
    Contains String Prototypes like camelCase, capitalize, test, and toInt.
  • exclude
  • Hash
    Contains Hash Prototypes. Provides a means for overcoming the JavaScript practical impossibility of extending native Objects.
  • exclude
  • Event
    Contains the Event Class, to make the event object cross-browser.
  • exclude
Class
  • Class
    Contains the Class Function for easily creating, extending, and implementing reusable Classes.
  • exclude
  • Class.Extras
    Contains Utility Classes that can be implemented into your own Classes to ease the execution of many common tasks.
  • exclude
Element
  • Element
    One of the most important items in MooTools. Contains the dollar function, the dollars function, and an handful of cross-browser, time-saver methods to let you easily work with HTML Elements.
  • exclude
  • Element.Event
    Contains Element methods for dealing with events. This file also includes mouseenter and mouseleave custom Element Events.
  • exclude
  • Element.Style
    Contains methods for interacting with the styles of Elements in a fashionable way.
  • exclude
  • Element.Dimensions
    Contains methods to work with size, scroll, or positioning of Elements and the window object.
  • exclude
Utilities
  • Selectors
    Adds advanced CSS-style querying capabilities for targeting HTML Elements. Includes pseudo selectors.
  • exclude
  • DomReady
    Contains the custom event domready.
  • exclude
  • JSON
    JSON encoder and decoder.
  • exclude
  • Cookie
    Class for creating, reading, and deleting browser Cookies.
  • exclude
  • Swiff
    Wrapper for embedding SWF movies. Supports External Interface Communication.
  • exclude
Fx
  • Fx
    Contains the basic animation logic to be extended by all other Fx Classes.
  • exclude
  • Fx.CSS
    Contains the CSS animation logic. Used by Fx.Tween, Fx.Morph, Fx.Elements.
  • exclude
  • Fx.Tween
    Formerly Fx.Style, effect to transition any CSS property for an element.
  • exclude
  • Fx.Morph
    Formerly Fx.Styles, effect to transition any number of CSS properties for an element using an object of rules, or CSS based selector rules.
  • exclude
  • Fx.Transitions
    Contains a set of advanced transitions to be used with any of the Fx Classes.
  • exclude
Request
  • Request
    Powerful all purpose Request Class. Uses XMLHTTPRequest.
  • exclude
  • Request.HTML
    Extends the basic Request Class with additional methods for interacting with HTML responses.
  • exclude
  • Request.JSON
    Extends the basic Request Class with additional methods for sending and receiving JSON data.
  • exclude
include entire library exclude entire library
MooTools More: 1.2.4.4
Core
  • More
    Defines MooTools.More.version.
  • exclude
  • Lang
    Enables classes to contain text that can be localized to specific languages.
  • exclude
  • Log
    A default logger for MooTools. Logs to Firebug or a similar console unless it is not present.
  • exclude
  • Depender
    A stand alone dependency loader for the MooTools library.
  • exclude
Class
  • Class.Refactor
    Allows for a class to extend itself without damaging it's namespace.
  • exclude
  • Class.Binds
    Adds the Binds Mutator to all classes.
  • exclude
  • Class.Occlude
    Mixin class for preventing a class from applying itself to the same element twice.
  • exclude
  • Chain.Wait
    Adds a delay method for chaining that allows you to easily introduce pauses.
  • exclude
Native
  • Array.Extras
    Extends the Array native object to include useful methods to work with arrays.
  • exclude
  • Date
    Extends the Date native object to include methods useful in managing dates.
  • exclude
  • Date.Extras
    Extends the Date native object to include extra methods (on top of those in Date.js).
  • exclude
  • Hash.Extras
    Extends the Hash native object to include getFromPath which allows a path notation to child elements.
  • exclude
  • String.Extras
    Extends the String native object to include methods useful in managing strings (query strings, urls, etc).
  • exclude
  • String.QueryString
    String shortcuts for working with query strings.
  • exclude
  • URI
    Provides methods useful in managing the window location and uris.
  • exclude
  • URI.Relative
    Extends the URI class to add methods for computing relative and absolute urls.
  • exclude
Element
  • Element.Forms
    Extends the Element native object to include methods useful in managing inputs.
  • exclude
  • Elements.From
    Adds a static method to Element to parse html.
  • exclude
  • Element.Delegation
    Delegates events for child elements to their parents for greater efficiency.
  • exclude
  • Element.Measure
    Extends the Element native object to include methods useful in measuring dimensions.
  • exclude
  • Element.Pin
    Extends the Element native object to include the pin method useful for fixed positioning for elements.
  • exclude
  • Element.Position
    Extends the Element native object to include methods useful positioning elements relative to others.
  • exclude
  • Element.Shortcuts
    Extends the Element native object to include some shortcut methods.
  • exclude
Forms
  • Form.Request
    Handles the basic functionality of submitting a form via ajax and updating a DOM element with the result.
  • exclude
  • Form.Request.Append
    Uses Form.Request to fetch and update a DOM element, but appends the result into the target instead of overwriting its contents.
  • exclude
  • Form.Validator
    A css-class based form validation system.
  • exclude
  • Form.Validator.Inline
    A css-class based form validation system.
  • exclude
  • Form.Validator.Extras
    Additional validators for Form.Validator.
  • exclude
  • OverText
    Displays text over empty inputs until the user focuses the input or adds information.
  • exclude
Fx
  • Fx.Elements
    Effect to change any number of CSS properties of any number of Elements.
  • exclude
  • Fx.Accordion
    An Fx.Elements extension which allows you to easily create accordion type controls.
  • exclude
  • Fx.Move
    Moves an element to another location (relative to another element) with a transition.
  • exclude
  • Fx.Reveal
    Executes a transition from display:block to display:none and vice versa.
  • exclude
  • Fx.Scroll
    Effect to smoothly scroll any element, including the window.
  • exclude
  • Fx.Slide
    Effect to slide an element in and out of view.
  • exclude
  • Fx.SmoothScroll
    Class for creating a smooth scrolling effect to all internal links on the page.
  • exclude
  • Fx.Sort
    Reorders a group of items with a transition.
  • exclude
Drag
  • Drag
    The base Drag Class. Can be used to drag and resize Elements using mouse events.
  • exclude
  • Drag.Move
    A Drag extension that provides support for the constraining of draggables to containers and droppables.
  • exclude
  • Slider
    Class for creating horizontal and vertical slider controls.
  • exclude
  • Sortables
    Class for creating a drag and drop sorting interface for lists of items.
  • exclude
Request
  • Request.JSONP
    Creates a Json request using a script tag include and handles the callbacks for you.
  • exclude
  • Request.Queue
    Manages a group of Request instances so that connections are queued.
  • exclude
  • Request.Periodical
    Requests the same url at a time interval that increases when no data is returned from the requested server.
  • exclude
Utilities
  • Assets
    Provides methods to dynamically load JavaScript, CSS, and Image files into the document.
  • exclude
  • Color
    Class for creating and manipulating colors in JavaScript. Supports HSB -> RGB Conversions and vice versa.
  • exclude
  • Group
    Class for monitoring collections of events.
  • exclude
  • Hash.Cookie
    Class for creating, reading, and deleting browser Cookies in JSON format.
  • exclude
  • IframeShim
    Creates a transparent iframe to mask out items not drawn by the browser (flash, select lists, etc) for IE6.
  • exclude
Interface
  • HtmlTable
    Builds table elements with methods to add rows quickly.
  • exclude
  • HtmlTable.Zebra
    Adds stripes to an HTML table's rows.
  • exclude
  • HtmlTable.Sort
    Adds the ability to sort the columns of a HtmlTable.Zebra instance.
  • exclude
  • HtmlTable.Select
    Adds the ability to highlight and select rows on a HtmlTable.Sort instance.
  • exclude
  • Keyboard
    Provides enhanced group key event management.
  • exclude
  • Keyboard.Extras
    Adds description functionality to the Keyboard
  • exclude
  • Mask
    Creates a mask over a specified element.
  • exclude
  • Scroller
    Class which scrolls the contents of any Element (including the window) when the mouse reaches the Element's boundaries.
  • exclude
  • Tips
    Class for creating nice tooltips that follow the mouse cursor when hovering over an element.
  • exclude
  • Spinner
    Adds a semi-transparent overlay over a dom element with a spinnin ajax icon.
  • exclude
Localization
  • Date.English.US
    Date messages in English (with conventions for the US).
  • exclude
  • Form.Validator.English
    Form.Validator messages in English.
  • exclude
  • Date.Catalan
    Date messages in Catalan.
  • exclude
  • Date.Czech
    Date messages in Czech.
  • exclude
  • Date.Danish
    Date messages in Danish.
  • exclude
  • Date.Dutch
    Date messages in Dutch.
  • exclude
  • Date.English.GB
    Date messages in English (with conventions for Great Britain).
  • exclude
  • Date.Estonian
    Date messages in Estonian.
  • exclude
  • Date.German
    Date messages for German.
  • exclude
  • Date.German.CH
    Date messages for Swiss German.
  • exclude
  • Date.French
    Date messages in French.
  • exclude
  • Date.Italian
    Date messages in Italian.
  • exclude
  • Date.Norwegian
    Date messages in Norwegian.
  • exclude
  • Date.Polish
    Date messages in Polish.
  • exclude
  • Date.Portuguese.BR
    Date messages in Portuguese for Brazil.
  • exclude
  • Date.Russian
    Date messages in Russian.
  • exclude
  • Date.Spanish
    Date messages in Spanish.
  • exclude
  • Date.Swedish
    Date messages in Swedish.
  • exclude
  • Date.Ukrainian
    Date messages in Ukrainian.
  • exclude
  • Form.Validator.Arabic
    Form.Validator messages in Arabic.
  • exclude
  • Form.Validator.Catalan
    Form.Validator messages in Catalan.
  • exclude
  • Form.Validator.Czech
    Form.Validator messages in Czech.
  • exclude
  • Form.Validator.Chinese
    Form.Validator messages in Chinese.
  • exclude
  • Form.Validator.Dutch
    Form.Validator messages in Dutch.
  • exclude
  • Form.Validator.Estonian
    Form.Validator messages in Estonian.
  • exclude
  • Form.Validator.German
    Form.Validator messages in German.
  • exclude
  • Form.Validator.German.CH
    Form.Validator messages in Swiss German.
  • exclude
  • Form.Validator.French
    Form.Validator messages in French.
  • exclude
  • Form.Validator.Italian
    Form.Validator messages in Italian.
  • exclude
  • Form.Validator.Norwegian
    Form.Validator messages in Norwegian.
  • exclude
  • Form.Validator.Polish
    Form.Validator messages in Polish.
  • exclude
  • Form.Validator.Portuguese
    Form.Validator messages in Portuguese.
  • exclude
  • Form.Validator.Portuguese.BR
    Form.Validator messages in Portuguese localized for Brazil.
  • exclude
  • Form.Validator.Russian
    Form.Validator messages in Russian.
  • exclude
  • Form.Validator.Spanish
    Form.Validator messages in Spanish.
  • exclude
  • Form.Validator.Swedish
    Form.Validator messages in Swedish.
  • exclude
  • Form.Validator.Ukrainian
    Form.Validator messages in Ukrainian.
  • exclude
include entire library exclude entire library
Clientcide: 2.2.0
Core
  • Clientcide
    The Clientcide namespace. Includes a method that allows you to set the location of image files to your own server; download the files @ google code; see docs.
  • exclude
  • dbug
    Wrapper for the firebug console.log() function.
  • exclude
Class
  • Class.ToElement
    Mixin class that returns *this.element*. Allows you to do document.id(myInstance).
  • exclude
Browser
  • FixPNG
    Fixes transparent png files and dom elements with transparent png backgrounds for IE6
  • exclude
  • Popup
    A Class wrapper for window.open that provides a more pleasant interface than the default window.open arguments.
  • exclude
Fx
  • Fx.Marquee
    A simple marquee effect for fading in and out messages.
  • exclude
UI
  • IconMenu
    A simple icon (img) based menu.
  • exclude
  • ObjectBrowser
    Creates a tree view of any javascript object.
  • exclude
  • PopupDetails
    Handles popup detail templated elements.
  • exclude
  • StyleWriter
    Provides a simple method for injecting a css style element into the DOM if it's not already present.
  • exclude
  • StickyWin
    An in-page popup maker.
  • exclude
  • StickyWin.Fx
    Extends StickyWin to create popups that fade in and out.
  • exclude
  • StickyWin.Drag
    Extends StickyWin to create popups that fade in and out and are draggable.
  • exclude
  • StickyWin.Modal
    This script extends StickyWin class to add Mask functionality.
  • exclude
  • StickyWin.Ajax
    Adds ajax functionality to all the StickyWin classes.
  • exclude
  • StickyWin.Alert
    Extends StickyWin to create little alert box with a close button.
  • exclude
  • StickyWin.Confirm
    Extends StickyWin.Alert to make a confirmation box with ok and close buttons.
  • exclude
  • StickyWin.Prompt
    Extends StickyWin.Confirm to make a prompt box with an input as well as ok and close buttons.
  • exclude
  • StickyWin.UI
    Creates an html holder for in-page popups using a default style.
  • exclude
  • StickyWin.UI.Pointy
    Similar to StickyWin.ui, this is a wrapper for content, this time a tip with a pointer.
  • exclude
  • StickyWin.PointyTip
    A convenience library to place a StickyWin.UI.Pointy relative to an element on the page easily.
  • exclude
  • Tips.Pointy
    Creates Tips using the StickyWin.PointyTip layout.
  • exclude
Layout
  • Collapsible
    Enables a dom element to, when clicked, hide or show (it toggles) another dom element. Kind of an Accordion for one item.
  • exclude
  • HoverGroup
    Manages mousing in and out of multiple objects (think drop-down menus).
  • exclude
  • MenuSlider
    A simple dropdown class; see the menu at the top of Clientcide.com.
  • exclude
  • MooScroller
    Recreates standard scrollbar behavior for elements with overflow using DOM elements styleable by css.
  • exclude
  • MultipleOpenAccordion
    Creates a Mootools Accordion that allows the user to open more than one element.
  • exclude
  • SimpleCarousel
    Builds a carousel object that manages the basic functions of a generic carousel.
  • exclude
  • SimpleSlideShow
    Makes a very, very simple slideshow gallery with a collection of dom elements and previous and next buttons.
  • exclude
  • TabSwapper
    Handles the scripting for a common UI layout; the tabbed box.
  • exclude
Forms
  • Confirmer
    Fades a message in and out for the user to tell them that some event (like an ajax save) has occurred.
  • exclude
  • DatePicker
    Allows the user to enter a date in any popuplar format or choose from a calendar.
  • exclude
  • DatePicker.Extras
    Allows the user to enter a date in any popuplar format or choose from a calendar.
  • exclude
  • Form.Validator.Tips
    Form.Validator using StickyWin.PointyTip.
  • exclude
  • Form.Request.Prompt
    Extends Form.Request and Form.Request.Append to use a popup (StickyWin) for the form.
  • exclude
  • InputFocus
    Adds a 'focused' class to inputs when they have focus.
  • exclude
  • ProductPicker
    Allows the user to pick a product from a data source.
  • exclude
  • SimpleEditor
    A simple html editor for wrapping text with links and whatnot.
  • exclude
  • TagMaker
    Prompts the user to fill in the gaps to create an html tag output.
  • exclude
3rdParty
  • Autocompleter
    An auto completer class from http://digitarald.de.
  • exclude
  • Autocompleter.Local
    Allows Autocompleter to use an object in memory for autocompletion (instead of retrieving via ajax).
  • exclude
  • Autocompleter.Remote
    Allows Autocompleter to get data from a remote server (using Request - a.k.a. Ajax).
  • exclude
  • Autocompleter.JSONP
    Allows Autocompleter to get data from a remote server using Request.JSONP (script injection).
  • exclude
  • Autocompleter.Observer
    Used by Autocompleter to monitor an input for changes.
  • exclude
  • Autocompleter.Clientcide
    Extends Autocompleter to automatically inject the css styles.
  • exclude
  • Lightbox
    A Lightbox clone for MooTools.
  • exclude
Localization
  • SimpleEditor.English.US
    SimpleEditor messages in US English (feel free to send in your own translations).
  • exclude
  • SimpleEditor.Dutch
    SimpleEditor messages in Dutch (feel free to send in your own translations).
  • exclude
  • SimpleEditor.French
    SimpleEditor messages in French (feel free to send in your own translations).
  • exclude
  • SimpleEditor.Italian
    SimpleEditor messages in Italian (feel free to send in your own translations).
  • exclude
  • SimpleEditor.Portuguese
    SimpleEditor messages in Portuguese (feel free to send in your own translations).
  • exclude
  • SimpleEditor.Spanish
    SimpleEditor messages in Spanish (feel free to send in your own translations).
  • exclude
Beta
  • PostEditor
    A MooTools 1.2.4 version of PostEditor.
  • exclude
  • PostEditor.Forum
    Extends Posted editor to implement default rules used by the (old) MooTools forums.
  • exclude
Compatability
  • Browser.Extras.Compat
    Compatibility for MooTools More 1.2.4
  • exclude
  • Class.Refactor.Compat
    Compatibility for MooTools More 1.2.4
  • exclude
  • Date.Compat
    Compatibility for MooTools More 1.2.4
  • exclude
  • DollarE.Compat
    Brings back $E from MooTools 1.11. Returns a single Element for a selector. DEPRECATED.
  • exclude
  • DollarG.Compat
    Returns a collection when given an element, a collection of elements, an element id, or a selector. DEPRECATED.
  • exclude
  • Element.Forms.Compat
    Compatibility for MooTools More 1.2.4
  • exclude
  • Element.MouseOvers.Compat
    Compatibility for MooTools More 1.2.4
  • exclude
  • Element.Position.Compat
    Compatibility for MooTools More 1.2.4
  • exclude
  • Element.Shortcuts.Compat
    Compatibility for MooTools More 1.2.4
  • exclude
  • IframeShim.Compat
    Compatibility for MooTools More 1.2.4
  • exclude
  • JsonP.Compat
    Compatibility for MooTools More 1.2.4
  • exclude
  • Modalizer.Compat
    Provides functionality to overlay the window contents with a semi-transparent layer. DEPRECATED (See Mask in MooTools More).
  • exclude
  • OverText.Compat
    Compatibility for MooTools More 1.2.4
  • exclude
  • Request.Queue.Compat
    Compatibility for MooTools More 1.2.4
  • exclude
  • String.Extras.Compat
    Compatibility for MooTools More 1.2.4
  • exclude
  • Waiter.Compat
    Compatibility for MooTools More 1.2.4
  • exclude
compression:
integrate depender client:

Interface Usage close

Step 1

Select the files you need for your application. You can select as many as you like. Green items in the list are files that will be included in your download - these are dependencies of the files you select. You may, if you like, include entire libraries by selecting that option in the header for each library you wish to include.

Step 2

Select any files or libraries you wish to exclude. This is useful if a portion of your application has already been loaded. For example, if you load MooTools Core through the Google Ajax Libraries API, and you want to include a plugin from MooTools More you can select the files you want and exclude MooTools Core, which you already have.

Step 3

Choose what compression you want for your file. The default is noted and if you make no selection this default will be used. Note that if you do not specify a compression and later the server changes configuration, scripts included directly from the builder will switch to the compression configured at that time.

Step 4

To get your library, you can download the file directly by clicking "Download." You can, alternately, copy the url to the file or copy the script tag for the url. This will pull the build library from the builder every time it is requested. If caching is enabled compressed libraries will be cached (to disk) to improve performance. Sites with high performance needs will likely want to implement a more robust caching system such as memcached.

Output

Scripts output by this library include in their header comments a list of all files they include as well as a url that can be used to recreate them.

Configuration

See the readme on github.

You must select at least one dependency.

Copy close

Copy the selected text:

 JavaScript Packer Code is obfuscated and cleared of all whitespace. Uses the php5 version of Dean Edwards Packer. The output does not use eval.
No Compression Full Source, includes documentation. Recommended while testing & building.