DansNetwork.com » mootools

jQuery Classes – An Object Oriented Approach

admin — Wed, 15 Apr 2009 04:40:06 +0000

MooTools has been my framework of choice for the past couple of years. I've worked my way up to using Classes for most of my projects and really liked using the OOP approach. For the past couple of projects, I started using Wordpress as my CMS and every time ended up using jQuery. I was disappointed to find out that it didn't have the native Class library that MooTools did. Fortunately there is a plugin available to assist with this task:

- A plugin that adds class functionality to jQuery: jQuery-Klass

MooTools Events Calendar – Web Embeddable Javascript Calendar

admin — Sat, 04 Oct 2008 02:06:40 +0000

This is the official release of the unofficial MooTools Events Calendar. It is an embeddable web calendar that was built using the MooTools JavaScript framework. Currently, it is still under development, but may be sufficient for your needs. Check out the project page here: MooTools Events Calendar

v0.3.0 (August 5, 2009)

Accepts events that span across multiple days
MooTools v1.2.3 required.

v0.2.2 (April 11, 2009)

Fixed a rendering problem for people outside of the U.S.
Added the option for weeks to start on Monday

v0.2.1 (Feb 9, 2009)

bug fix - usage error with parseInt(). Events wouldn't load on the 8th and 9th of a month.
HTML allowed in events. This allows for events to link elsewhere.

v0.2.0 (Feb 1, 2009)

uses plug-ins or direct loading through the constructor for events
uses iCal/ISO 8601 dates/times for event input
different style sheets can be used for 3 different sized calendars

v0.1.0 (Oct 3, 2008)

month, week, and day views
tool tips for month view events (using Tips)
scrolling day events for month view (using Scroller)
events loaded manually or possibly through a JSON feed

Stop A Page From Loading

admin — Sat, 05 Jul 2008 00:40:21 +0000

I've recently put together a page that included over 550 thumbnails that were set to load dynamically. They were grouped together to be viewed throughout several "pages". Originally, if you went to the second page without waiting for the first to finish loading, you'd be unimpressed with the presentation. The second page would begin to load only after the first was finished and so on. I needed to come up with a way to stop the thumbs from loading when you went to the next page and here's what I came up with. It works with Firefox, Safari, and the troublemaker...Internet Explorer.

Using Mootools:

function stopLoad()
{
   $try(
      function(){window.stop()},
      function(){document.execCommand('Stop')}
   )
}

Using Prototype:

function stopLoad()
{
   Try.these(
      function(){window.stop()},
      function(){document.execCommand('Stop')}
   )
}