http://www.mootorial.com/wiki/ Fri, 30 Jul 2010 12:42:51 -0600 FeedCreator 1.7.2-ppt DokuWiki http://www.mootorial.com/wiki/lib/images/favicon.ico http://www.mootorial.com/wiki/ http://www.mootorial.com/wiki/mootorial/04-element/00-element?rev=1274110181&do=diff1274110181 Here is the documentation for Element.js. The Element object gets a LOT of love in MooTools. Most of the functions in the Element object are pretty self explanatory. Element.getTag does what you'd think it would. Element Constructor This just creates a new element object - same as document.createElement, but it also applies the MooTools extensions to that element. Aaron Newton mootorial:04-element Mon, 17 May 2010 09:29:41 -0600 http://www.mootorial.com/wiki/mootorial/07-request/00-request?rev=1267740114&do=diff1267740114 Here is the documentation for Request.js. The Request class is a relatively simple wrapper for the XMLHttpRequest object (the heart of Ajax functionality). It takes the following options: Then you'll need to call the .send method to actually initiate a request. .send takes two arguments, the url, and the data to send. Aaron Newton mootorial:07-request Thu, 04 Mar 2010 15:01:54 -0600 http://www.mootorial.com/wiki/mootorial/06-fx?rev=1263407859&do=diff1263407859 The Fx object contains a family of classes all related to managing transitions. At its heart, Fx.* lets you transition the properties of an element or several elements from one state to another across a duration you specify using a transition of your choice. Examples are always better to figure this stuff out, so let's just dive right in. Jasper Smith mootorial Wed, 13 Jan 2010 11:37:39 -0600 http://www.mootorial.com/wiki/mootorial/01-core?rev=1258617981&do=diff1258617981 Core.js represents the first file in the library on which all others depend. Here are the docs for Core.js MooTools MooTools has a namespace which contains a version number. This namespace isn't used for much else, but it's useful if you need to query the page to see what version of MooTools is in the environment: Azuwis Zhong mootorial Thu, 19 Nov 2009 01:06:21 -0600 http://www.mootorial.com/wiki/mootorial/06-fx/01-fx.tween?rev=1255345545&do=diff1255345545 Here is the documentation for Fx.Tween.js. This is where MooTools really shines. Smoothly modifying the properties of an element is super simple. You have a couple of options on how to do it, once again, and they each have trade offs. I'll start with the method of creating an object for the effect: Tom Scheper mootorial:06-fx Mon, 12 Oct 2009 05:05:45 -0600 http://www.mootorial.com/wiki/mootorial/02-class?rev=1252279726&do=diff1252279726 Here is the documentation page for Class.js. MooTools contains a robust Class creation and inheritance system. Creating a new class is actually pretty easy. Classes vs Functions Classes let you: * reuse and modify code without breaking things that depend on it * create a stateful object that can store information in its own scope * create more robust applications by developing small, reusable and extendable classes. Perrin mootorial Sun, 06 Sep 2009 17:28:46 -0600 http://www.mootorial.com/wiki/mootorial/03-native/01-function?rev=1252237465&do=diff1252237465 Here is the documentation for Function.js. Function.create .create automatically wraps the function into another one with the defined set of functionalities, therefore shortens your code. It's used throughout mootools itself, as the foundation for .pass, .bind, .delay, .periodical. Blueteeth Lee mootorial:03-native Sun, 06 Sep 2009 05:44:25 -0600 http://www.mootorial.com/wiki/mootorial/03-native/00-array?rev=1251868264&do=diff1251868264 Here is the documentation for Array.js. Array.each Array.each() iterates through the array executing the specified function for each item in the array. The anonymous function can be passed two arguments (optional) - the item and the index. .each() is really just a pointer to .forEach, which MooTools implements for browsers that don't already support it. Here's the documentation at Mozilla on .forEach. Blueteeth Lee mootorial:03-native Tue, 01 Sep 2009 23:11:04 -0600 http://www.mootorial.com/wiki/mootorial/08-plugins?rev=1251227159&do=diff1251227159 MooTools 1.2 comes in two basic components: the MooTools Core and the MooTools Plugins (also sometimes referred to as "MooTools More"). The "Core" distribution includes everything covered up to this point in the MooTorial (Core, Class, Native, Element, Utilities, Fx, and Request). Chris Dosé mootorial Tue, 25 Aug 2009 13:05:59 -0600 http://www.mootorial.com/wiki/mootorial/01-core/01-browser?rev=1251130237&do=diff1251130237 Browser Detection Browser.js in Core includes a browser detection variables added to the Browser hash object. For the most part, MooTools smooths over the differences between browsers and you shouldn't find yourself needing to reference these variables very often. However, there are times when you need to know, and MooTools provides. Aaron Newton mootorial:01-core Mon, 24 Aug 2009 10:10:37 -0600 http://www.mootorial.com/wiki/mootorial/09-howtowriteamootoolsclass?rev=1247829633&do=diff1247829633 Here's a line-by-line, step-by-step walk-through of me writing a class. The actual class in this example, a slideshow, is in our common library and has more functionality than this example. Oskar Krawczyk mootorial Fri, 17 Jul 2009 05:20:33 -0600 http://www.mootorial.com/wiki/mootorial/04-element/01-element.event?rev=1245437661&do=diff1245437661 Managing events is super easy with MooTools. You can add, remove, and clone them and it's fairly straightforward. Element.addEvent, addEvents Note that the event name you give it ("click" or "mouseover") doesn't have the "on" prefix. $('addEventExample').addEvent('click', function() { alert('click!'); }); Alexander mootorial:04-element Fri, 19 Jun 2009 12:54:21 -0600