JavaScript
  Home arrow JavaScript arrow Page 3 - Introducing MooTools and MooFX
Dev Articles Forums 
ADO.NET  
Apache  
ASP  
ASP.NET  
C#  
C++  
ColdFusion  
COM/COM+  
Delphi-Kylix  
Design Usability  
Development Cycles  
DHTML  
Embedded Tools  
Flash  
Graphic Design  
HTML  
IIS  
Interviews  
Java  
JavaScript  
MySQL  
Oracle  
Photoshop  
PHP  
Reviews  
Ruby-on-Rails  
SQL  
SQL Server  
Style Sheets  
VB.Net  
Visual Basic  
Web Authoring  
Web Services  
Web Standards  
XML  
Mobile Linux 
App Generation ROI 
IBM® developerWorks 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us Get Paid 
Request Media Kit
Contact Us 
Site Map 
Privacy Policy 
Support 
 USERNAME
 
 PASSWORD
 
 
  >>> SIGN UP!  
  Lost Password? 
JAVASCRIPT

Introducing MooTools and MooFX
By: Dan Wellman
  • Search For More Articles!
  • Disclaimer
  • Author Terms
  • Rating: 4 stars4 stars4 stars4 stars4 stars / 5
    2007-06-05

    Table of Contents:
  • Introducing MooTools and MooFX
  • MooTools Modules
  • More MooTools Modules
  • MooFX2 Modules

  • Rate this Article: Poor Best 
      ADD THIS ARTICLE TO:
      Del.ici.ous Digg
      Blink Simpy
      Google Spurl
      Y! MyWeb Furl
    Email Me Similar Content When Posted
    Add Developer Shed Article Feed To Your Site
    Email Article To Friend
    Print Version Of Article
    PDF Version Of Article
     
     
    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.

    More JavaScript Articles
    More By Dan Wellman


       · I hope you enjoy reading this introduction to MooTools and MooFX. It is really just...
     

    JAVASCRIPT ARTICLES

    - Comparing Fields and Customizing Error Messa...
    - Checking Numbers and File Extensions with jQ...
    - Validating Digits and Dates with jQuery`s Va...
    - Validating Ranges, Emails, and URLs with jQu...
    - More Uses for the jQuery Tooltip Plug-in`s b...
    - Building Image-Based Tooltips with the jQuer...
    - Using the jQuery Tooltip Plug-in`s bodyHandl...
    - Using Rangelength, Min and Max with the Vali...
    - Using Minlength and Maxlength with the Valid...
    - Modifying Tooltip Coordinates with the jQuer...
    - Applying a Fade Out Effect with the jQuery T...
    - Tracking Mouse Movements with the jQuery Too...
    - Checking Online Forms with the Validator jQu...
    - Nested JavaScript Functions as Objects
    - The jQuery Tooltip Plug-in







    © 2003-2009 by Developer Shed. All rights reserved. DS Cluster 4 Hosted by Hostway
    For more Enterprise Application Development news, visit eWeek