MooTools Tutorials
Keeping Up With MooTools
It's always fun to keep up with the MooTools project. You can learn a lot from its developers and other developers by checking out a few different websites. Here a few Moo-related web addresses to bookmark. LightHouse LightHouse houses all tickets and announces changesets to the...
Listen for the Delete Key Using MooTools
I saw an interesting ticket hit the MooTools Lighthouse system recently. A user reported that they could not use the following code snippet to listen for the delete key: While that generally works, it does not work for the delete key because "delete" is a reserved...
Using MooTools to Instruct Google Analytics to Track Outbound Links
Google Analytics provides a wealth of information about who's coming to your website. One of the most important statistics the service provides is the referrer statistic -- you've gotta know who's sending people to your website, right? What about where you send others though?
Prevent Early Form Submission by Hijacking the Enter Key
A customer asked me to create a timecard form a few years ago. Everything with the form worked great but users would mistakenly press the enter key before their form was completed. They asked that I make the enter key move the cursor to...
MooTools HTML Police: dwMarkupMarine
We've all inherited rubbish websites from webmasters that couldn't master valid HTML. You know the horrid markup: paragraph tags with align attributes and body tags with background attributes. It's almost a sin what they do. That's where dwMarkupMarine comes in.
MooTools Link Fading
We all know that we can set a different link color (among other properties) on the hover event, but why not show a little bit more dynamism by making the original color fade to the next? Using MooTools 1.2, you can achieve that effect. The MooTools...
Implement jQuery-like “Click” Syntax In MooTools 1.2
I've updated this post's content per reader comments. Thanks to everyone for their suggestions! While I prefer the MooTools syntax over the jQuery syntax, I do respect the jQuery syntax. Here's a quick way to make your MooTools look a little like jQuery by implementing...
Fix Anchor URLs Using MooTools 1.2
The administrative control panel I build for my customers features FCKEditor, a powerful WYSIWYG editor that allows the customer to add links, bold text, create ordered lists, and so on. I provide training and documentation to the customers but many times they simply forget to...
AJAX Username Availability Checker Using MooTools 1.2
This post has been updated: Using jQuery or MooTools For Drag, Drop, Sort, Save. The code on this page is no longer best practice. There a many examples of egregious usages of AJAX out there but every once in a while you find...
Working Around MooTools’ Tips / Rel=”NoFollow” Bug
In MooTools 1.2, we saw the format of the MooTools Tip go from: ... to ... The one problem that this brought was that sometimes you don't want a search engine to follow a link, in which case you would add the following to the link element: Obviously there's...