MooTools Tutorials & Code

Just another MooTools weblog

Browsing the topic Javascript

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
create a file called [...]

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 attribute [...]

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 the [...]

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 an option passed:
window.addEvent(’domready’, function() {
new textareaSizer(sizeWidth: true);
});

Feel free to check out [...]

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 [...]

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
Include the script and initialize like any class:

[...]

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;
};
 
$(’bezel’).onclick = function() {
Growl.Bezel({
title: ‘Window.Growl<br />By Daniel [...]

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 date format

Multi-language support

English
Dutch

Usage
Initialize the fValidator class [...]