<?xml version="1.0" encoding="utf-8"?>
<!-- generator="FeedCreator 1.7.2-ppt DokuWiki" -->
<?xml-stylesheet href="http://mootorial.com/wiki/lib/styles/feed.css" type="text/css"?>
<rss version="2.0">
    <channel>
        <title>The MooTorial mootorial:04-element</title>
        <description></description>
        <link>http://mootorial.com/wiki/</link>
        <lastBuildDate>Mon, 06 Sep 2010 04:24:43 -0600</lastBuildDate>
        <generator>FeedCreator 1.7.2-ppt DokuWiki</generator>
        <image>
            <url>http://mootorial.com/wiki/lib/images/favicon.ico</url>
            <title>The MooTorial</title>
            <link>http://mootorial.com/wiki/</link>
        </image>
        <item>
            <title>Element Core</title>
            <link>http://mootorial.com/wiki/mootorial/04-element/00-element?rev=1274110181</link>
            <description>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.</description>
            <pubDate>Mon, 17 May 2010 09:29:41 -0600</pubDate>
        </item>
        <item>
            <title>Element.Events</title>
            <link>http://mootorial.com/wiki/mootorial/04-element/01-element.event?rev=1245437661</link>
            <description>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 (&quot;click&quot; or &quot;mouseover&quot;) doesn't have the &quot;on&quot; prefix.   


$('addEventExample').addEvent('click', function() {
	alert('click!');
});</description>
            <pubDate>Fri, 19 Jun 2009 12:54:21 -0600</pubDate>
        </item>
        <item>
            <title>Element Styles</title>
            <link>http://mootorial.com/wiki/mootorial/04-element/02-element.style?rev=1225173220</link>
            <description>Pretty straight forward:

 


$('getStyleExample').getStyle('width'); //returns something like &quot;528px&quot;



$('getStyleExample').getStyle('width').toInt(); //returns 528 (an integer)



$('getStyleExample').getStyles('width', 'height'); 
//returns something like {width:&quot;528px&quot;, height:&quot;89px&quot;}</description>
            <pubDate>Mon, 27 Oct 2008 23:53:40 -0600</pubDate>
        </item>
        <item>
            <title>Element.Dimensions</title>
            <link>http://mootorial.com/wiki/mootorial/04-element/03-element.dimensions?rev=1225173221</link>
            <description>This file contains all the logic needed to figure out the size of things and a few helpers like .scrollTo.

Element.scrollTo

Scrolls an element to the coordinates you specify; note that this isn't a smooth transition; it just jumps to that location.</description>
            <pubDate>Mon, 27 Oct 2008 23:53:41 -0600</pubDate>
        </item>
    </channel>
</rss>
