Archive for category MooTools

What’s New in MooTools 1.2

I’m happy to announce that MooTools (Wikipedia link) has released version 1.2 of their excellent JavaScript library. MooTools, which stands for ‘My Object Oriented Tools’, was developed in 2006 by Valerio Proietti and his colleagues. It evolved out of Moo.fx, a lightweight effects library which plugged into the Prototype framework. It was similar, although smaller (and in my opinion, better) than the scriptaculous library. Moo.fx has now been fully integrated into the MooTools library and is not being developed further at this time. Read the rest of this entry »

  • Share/Bookmark

No Comments

The Group Class in MooTools

The MooTools Group class is for grouping a collection of objects and calling a function when all of those objects have fired a particular event. For instance, you could group an array of Element objects and fire an event when all of them have been clicked. Or, you could group a collection of Ajax request objects and fire an event when all have completed. (Both of these examples are straight from the MooTools 1.2 Beta docs for Plugins/Group).

How is this useful? Well, it’s a convenience for when events Read the rest of this entry »

  • Share/Bookmark

2 Comments

MooTools mouseenter and mouseleave Events For Dropdowns

One of the frustrations many coders have encountered when creating JavaScript flyout menus is the fact that onmouseover and onmouseout events fire when entering children elements. This is usually not the desired effect when creating popup, dropdown or flyout menus. Read the rest of this entry »

  • Share/Bookmark

No Comments

JavaScript Challenge: Reverse a Linked List

This article is a follow-up on my previous post on writing a linked list class in MooTools. In that post, I offered an implementation of a singly-linked list in JavaScript and gave a challenge: To reverse a linked list in place, starting with only a reference to the head. The challenge also forbade the use of storing the data externally — that is to say, you can’t just iterate over the linked list and stuff the items in a new array, then reverse the array. Read the rest of this entry »

  • Share/Bookmark

No Comments

LinkedList Class in MooTools

A commonly used data structure in Java and other programming languages is the linked list (Wikipedia). It is similar to an array in that it is a way to store a collection of objects in sequence, however unlike an array you cannot access items in the collection by index. Instead, you access them through links from other items in the collection, or from the initial head or tail link (which can typically accessed with getFirst() and getLast() methods, respectively). Read the rest of this entry »

  • Share/Bookmark

No Comments

JavaScript Challenge: Dispense Change

This challenge is to write a function that takes an amount of change and returns a String Array with the coins to dispense. Read the rest of this entry »

  • Share/Bookmark

No Comments

Using MooTools’ Hash.Cookie API

MooTools makes working with cookies quite easy. Based on functions from Paul Peter Koch’s QuirksMode, the MooTools API for handling cookies is intuitive and easy to remember. Read the rest of this entry »

  • Share/Bookmark

1 Comment

Downloading the Full MooTools Library

One of my minor frustrations on the MooTools download page has always been having to manually select each component to add. While it is nice that you can keep the filesize down by omitting components that you don’t need, I wish they had a way to select all components at once. Read the rest of this entry »

  • Share/Bookmark

2 Comments

MooTools 1.1 Cheatsheet

Get the mootools 1.1 cheat sheet by visiting this linkThis is probably old news to most MooTools developers out there but if you are just getting into MooTools, it’s a life-saver. In June 2007, Maik Vlcek of the mediaVROG Blog posted this excellent MooTools cheatsheet.
Read the rest of this entry »
  • Share/Bookmark

, ,

No Comments

Managing Cross Browser issues with JS browser detects & Conditional Comments

Until all browsers completely comply with w3c specifications we have to find workarounds in order for our websites to be pixel perfect in various browsers. The browsers we need to be most concerned with include Internet Explorer, Safari, and Firefox. Read the rest of this entry »

  • Share/Bookmark

10 Comments