Facebook Lightbox Clone for MooTools – LightFace

LightFace – a clone of FaceBook’s modal dialog. LightFace and its family of classes work well with iFrames, images, AJAX-requested content, static positioning and static content.

LightFace also automatically resizes and repositions when the window is resized or scrolled, provides a host of options to customize each instance, responds to designated keyboard events, works with MooTools More’s Drag class to make the lightbox movable, and more.


Facebook style lightbox for MooTools

LightFace is tested in IE7+, FF, Safari, Opera, Chrome, and iPad.

Geolocation Library based on MooTools – MooGeo Plugin

MooGeo geolocation, reverse geocoding and content analysis – a simple MooTools plugin that answers most of your geo questions.

With MooGeo you can get information from visitor IP’s using W3C geolocation API, get the place from an IP number, get geographical data from text, get all kind of data from a latitude/longitude pair, grab your IP and place on the map and more.

MooGeo plugin - geolocation, reverse geocoding and content analysis

Generate Charts From Accessible Data Tables – Table2Chart MooTools Plugin

table2chart – Mootools plugin which allows you to easily create a pie chart from valid data tables.

Simply add the script to the end of the body and it will convert all tables with a class ‘toChart’ to pie charts. You can define the chart size and the chart color within the class like:

class="toChart size700x300 color29b34f"

table2chart is a light-weight plugin, only 1Kb compressed and gzipped.

generate charts from tables - mootools plugin

Send a Message to the User in Style – Mootools Message Class

Mootools Message Class – an excellent and simple Mootools class to send a message to the user, or ask a question by using the ask method, or even to create a tool tip, or to create a comment box pop up.

This class requires the Mootools Javascript Framework 1.2.4, and it’s dependent upon these plugins: Element.Position, Element.Measure and Element.Shortcuts.

mootools user message class

Tested in IE7+, Firefox, Safari and Google Chrome.

Lightbox Clone with PDF Support – Bumpbox

Bumpbox – a MooTools based lightbox clone with a few advantages – it supports not only all common media types like FLV, SWF, images or HTML content, but also MP3 audio files and PDF’s.

Integration and implementation is very simple. The script works for local and remote files, automatically detects what kind of filetype you wish to show in the box with a nice bump effect, so you do not need to specify the type.

lightbox with pdf and mp3 support

MooTools Open-Source File Manager

MooTools FileManager – a MooTools based File Manager for the web that allows you to preview, upload and modify files and folders via the browser.

Features include:

  • Browse through Files and Folders on your Server
  • Rename, Delete, Move (Drag&Drop), Copy (Drag + hold CTRL) and Download Files
  • View detailed Previews of Images, Text-Files, Compressed-Files or Audio Content
  • Upload Files via FancyUpload (integrated Feature)
  • Option to automatically resize big Images when uploading
  • Use it to select a File anywhere you need to specify one inside your Application’s Backend
  • Use as a FileManager in TinyMCE

View Demos:

FileManager + Simple Image Selection + Localized FileManager

TinyMCE Integration

MooTools based File Manager

MooTooltips – Good Looking Tooltips with MooTools

MooTooltips – JavaScript Tooltip with MooTools. Easily display tooltip messages from HTML elements, Ajax calls or text added manually.

View Examples

The script gives you the possibility to display tooltips either by passing the parameters on the rel parameter or by setting them manually when instanciating the class. When creating a class instance, you can set both types, inline tips and manually set ones.