MooTools Tutorials

  • By
    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...

  • By
    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...

  • By
    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?

  • By
    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...

  • By
    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.

  • By
    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...

  • By
    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...

  • By
    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...

  • By
    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...

  • By
    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...