MooTools Tutorials & Code

Abstract Back in 2009 picasaViewer 1.0 was build. Unfortunately, it wasn’t maintained and as web browser evolved, picasaViewer didn’t. Until this week, when I returned from a long journey through Africa and found a few request for a working picasaViewer. So, without further delay, I present to you: PicasaViewer 2.0. Features embed a public picasa [...]

Abstract Filip recently asked if it was possible to show private albums in a picasa-feed, to use with the PicasaViewer script. Good questi0n, and at the same time I needed it myself. Lucky Filip Quick start The direct link to the PHP-script you need: privateFeed.phps. Short instructions: edit lines 53 – 55 to your values [...]

Aaron Newton at Clientcide made a very useful extension on the MooTools Browser script: Browser.Extras. Although it contains a just a few functions, it is very handy. For example, Browser.getQueryStringValues(), to read variables from the URI (known in PHP as $_GET). Really nice to have. When writing the PicasaViewer, I needed to set the href [...]

Abstract For a small community website, the need rose to share pictures with each other. A clever mind created a picasa-gallery, which was working OK. But, to view the gallery you had to leave the community website. The idea to embed the gallery was born. I went looking for existing scripts but could not find [...]

Abstract I could sort & save a nested list using mootools 1.1, but since 1.2 is out for about half a year now it is time for an update An extensive one this time. After working through this tutorial you are able to use MySQL to store a nested list, use PHP to retrieve the [...]

Abstract Textarea Resizer allows the user to expand and shrink the height of HTML textareas. It is written by Chris Barr from Eject Media – http://ejectmedia.net It is now updated to use with MooTools 1.2. New features Mootools 1.2 compatible AutoSize: expand textareas which already have content Don’t forget to check out the demo-page. Usage [...]

Mootools does have a worldwide community In three days I recieved Italian, Spanish, French and German translations. Thank you davcaffa, Stephane and Axel Beck, good job! I just added the translations (download complete file) and put up a demo page. There was a mistake in the dateEU-validator: it said it validated mm-dd-yyyy, while is does [...]

Abstract Window.Growl is a simple but handy MooTools component for creating translucent messages that are displayed over the contents of your screen. It is written by IceBeat (http://icebeat.bitacoras.com/mootools/growl/), and now it is updated to work with Mootools 1.2. Usage You can use growl as you are used to: $(’smoke’).onclick = function() { Growl.Smoke({}); return false; [...]

Abstract fValidator is an open source (free), unobtrusive javascript tool for easy handling form validation, written by Fabio Zendhi Nagao (http://zend.lojcomm.com.br). Fabio’s fabulous formvalidating script is now updated for use with MooTools 1.2. Also added a few extra validators, and the script is now multilingual! New features Mootools 1.2 compatible Validators for EU-date format ISO-8601 [...]

Abstract I recently rewrote Textarea Resizer for use with MooTools 1.2. Some people liked to see some extra functionality, and so did I. So, Textarea Resizer version 2 is just finished. New features resize width resize using drag Usage Surprisingly, the script works the same: window.addEvent(’domready’, function() { new textareaSizer(); });   // or with [...]