http://walkthrough.ifupdown.com/ 2008-11-19T15:30:00-05:00 http://walkthrough.ifupdown.com/ http://walkthrough.ifupdown.com/lib/images/favicon.ico text/html 2008-11-15T14:30:50-05:00 Ryan Rampersad http://walkthrough.ifupdown.com/start?rev=1226777450&do=diff The mooWalkthrough is a step by step, page by page, walk through of the JavaScript Framework: MooTools. MooTools is a small, Object Oriented Javascript framework, designed for knowledgeable JavaScript developers. MooTools allows developers to design and write cross-browser, powerful, and flexible code with its innovation, elegance, documentation, and incredible API. text/html 2008-01-29T17:20:54-05:00 Ryan Rampersad http://walkthrough.ifupdown.com/walkthrough-1.2/introduction-to-element-creation?rev=1201645254&do=diff Before going showing an example of how to dynamically make an anchor element, let's first go over what we know about creating DOM Element. Normally, a simple element creation script could look like this. var element = document.createElement('a'); // Make the Element. element.id = 'myAnchor'; // Set the id. element.style.color = 'white'; // Set a style. element.innerHTML = 'Can you click me?'; // Set HTML. element.href = 'http://walkthrough.ifupdown.com/'; // Set href. document.body.appen… text/html 2008-01-29T16:37:17-05:00 Ryan Rampersad http://walkthrough.ifupdown.com/walkthrough-1.2/stopping-dom-events?rev=1201642637&do=diff Let's picture this: you have some ajax code that is set to fire when you click on a link, but the link will make you jump back up to the top of the page because it's an anchor. How do you solve that? In the old days you could add return false; at the end of your onclick code. How about MooTools? text/html 2008-01-29T16:02:42-05:00 Ryan Rampersad http://walkthrough.ifupdown.com/walkthrough-1.2/fx-options?rev=1201640562&do=diff All MooTools Fx Classes inherit the options of the Fx class. There are a lot of options however there are two main options that can be used to change up the effects. Duration The Durations of effects can make it seem really fast or really slow. The MooTools default duration for Effects is 500 Milliseconds. In addition to the ability to specify the duration as an integer, you can also use one of the duration strings which correspond to the list below. text/html 2008-01-28T16:46:09-05:00 Ryan Rampersad http://walkthrough.ifupdown.com/walkthrough-1.2/fx.slide?rev=1201556769&do=diff MooTools uses Fx.Morph to make the MooTools Fx.Slide class. The slide effect is pretty complicated behind the scenes, but the Element Methods MooTools provides allow everyone easy use of a powerful effect. var el = $("myElement"); el.slide('hide'); // Hide myElement. This way. el.slide('in'); // Make myElement slide in. // ... more code el.slide('out'); // Make myElement slide out. // ... more code el.slide('toggle'); // MooTools determines the current state of the element and slides to the o…