Home arrow JavaScript arrow Page 3 - Introducing MooTools and MooFX
JAVASCRIPT

Introducing MooTools and MooFX


MooTools and MooFX are JavaScript libraries designed to save you time and effort. Both are completely open source. Keep reading to find out what these versatile libraries can do for you.

Author Info:
By: Dan Wellman
Rating: 4 stars4 stars4 stars4 stars4 stars / 5
June 05, 2007
TABLE OF CONTENTS:
  1. · Introducing MooTools and MooFX
  2. · MooTools Modules
  3. · More MooTools Modules
  4. · MooFX2 Modules

print this article
SEARCH DEVARTICLES

TOOLS YOU CAN USE

advertisement
Introducing MooTools and MooFX - More MooTools Modules
(Page 3 of 4 )

The Addons module provides four components; the DOM, Hash, Color and Common components. The most interesting of these components are the Hash and Color files. The Color component adds a range of properties that give you a great deal of control over the visual presentation of your on-page elements, allowing you to control not just the color, but the hue, saturation and other properties. The Hash script file creates a formal constructor that provides an easy method of creating associative arrays, which native JavaScript does not provide.

The Window component adds a couple of modules that make working with the native window object a little more effective and a little easier. The Window.Base module allows you to add functions that react to the DOM loading with the domready event. The Window.Size module provides a simple, cross-browser method of obtaining various properties of the window.

The Remote module deals with anything that happens externally to the browser window and contains modules that handle AJAX, cookies, Json (with another component for remote Json) and XHR. It also provides an Assets component that deals primarily with the dynamic loading of images and external files such as CSS or JavaScript files. An AJAX class has been developed for the library which contains properties used to handle all of your asynchronous requests, and deal with the server responses easily and efficiently.

The next and largest module is the effects module; as this is available as a separate download in some cases, I'll describe the contents of the components that make up this module in the MooFX section below.

Next the Drag module provides two components to extend drag and drop capabilities without resorting to DHTML. Two modules make up this component and provide classes that easily make any DOM element drag and droppable or resizable, as well as a couple of properties that can be adjusted to achieve your desired result with a minimum of hassle.

The final module, Plugins, is the closest the library comes to providing a set of pre-built solutions and gives you a series of components that allow you to easily add common sought-after effects such as the accordion style of the MooFX web page, a scroller and a slider, automatic tool tips and a module that makes it easy to allow user-sortable lists.


blog comments powered by Disqus
JAVASCRIPT ARTICLES

- More Top jQuery Tutorials for Beginners
- More Top jQuery Plugins for Menus
- Top jQuery Tutorials for Beginners
- New UI Framework and SDK for JavaScript Rele...
- JavaScript OpenPGP Tool, Node.js 0.6.3 Avail...
- Yahoo Releases Cocktails Language and Develo...
- Customizing jQuery Slideshows: Dynamic Contr...
- Customizing jQuery Slideshows: the animate()...
- Customizing jQuery Slideshows: slideUp() and...
- Customizing jQuery Slideshows: hide() and sh...
- Web Workers: Performing Calculations in Para...
- More Top JavaScript Frameworks and Libraries
- More Dynamic jQuery Styling Techniques
- The Top JavaScript Libraries
- The Top JavaScript Frameworks

Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Weekly Newsletter
 
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 
Support 



© 2003-2012 by Developer Shed. All rights reserved. DS Cluster 9 - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials