background preloader

MooTools

Facebook Twitter

Mootools en 30 jours : jour 1 - Introduction. Installation de Mootools 1.2 Tout d'abord, téléchargez et installez le noyau (core) de la librairie Mootools 1.2.

Mootools en 30 jours : jour 1 - Introduction

Téléchargez la librairie Mootools 1.2 CoreUploadez la librairie de Mootools 1.2 sur votre serveur ou espace de travailFaites un lien vers la librairie Mootools 1.2 Core entre les balises de votre page - 2. Créer un fichier JavaScript externe et faire le lien vers celui-ci dans votre : A partir de là, vous pouvez utiliser l'une ou l'autre des méthodes. Placer dans le domready Les fonctions Mootools doivent être appelées dans l'évènement domready. window.addEvent('domready', function() { exampleFunction();}); Placer dans une Fonction Vous pouvez quand même placer vos fonctions en dehors du domready, puis les appeler à l'intérieur de celui-ci. var exampleFunction = function() { alert('hello')}; Description de la librairie Noyau Natif Classes Une classe JavaScript (c'est différent d'une classe CSS), est un objet réutilisable avec des fonctionnalités. Elements Utilitaires Request Plugins. Highcharts - Interactive JavaScript charts for your webpage.

Open-Source Ajax Projects. Open-source Ajax plugins, based on the JavaScript framework MooTools.

Open-Source Ajax Projects

Easy to install, well documented and with persuasive showcases. ReMooz (v1.0) ReMooz is an open-source widget for great looking and unobtrusive inline-pop-ups, powered by MooTools. It enables how your vistors browse through content, such as thumbnail images and HTML. ReMooz features centered or relative-positioned draggable zoomed images, content preloading, fading captions, with plenty of options and is highly configurable: Add a simple image zoom or create a fancy design element for any graphic that needs to be enlarged on your site.

Showcases: BySlideMenu : Accordion Menu - Free and Open Source Mootools plugin to create accordion menu. What is BySlideMenu?

BySlideMenu : Accordion Menu - Free and Open Source Mootools plugin to create accordion menu

BySlideMenu is a plugin for Mootools which allow you to easily create a beautiful accordion menu (sliding menu) on any element you want (ul/li, div, p ...) using images and/or text. Features Works horizontally or vertically. Automatic size - The container width/height can be adjusted automatically. Menu is expandable by mouseover or by click, as you want.

Usage Note: You can use any element you want. Javascript var mySlideMenu = new BySlideMenu(container, options); Container The ID of the container to transform into sliding menu. Options Public method The mySlideMenu.expand(index, setDefault) method can be called to expand the indexth element, and pin it if setDefault is true. Requirements BySlideMenu is written for Mootools v1.2 It requires these modules (and their dependencies): MooWheel: a javascript connections visualization library. View the project on Google Code 06.29.2008 version 0.2 now available!

MooWheel: a javascript connections visualization library

Get it. What's new? Looking for version 0.1 instead? The purpose of this script is to provide a unique and elegant way to visualize data using Javascript and the <canvas> object. This type of visualization can be used to display connections between many different objects, be them people, places, things, or otherwise. This script requires three libraries to support it. MooWheel only requires 2 arguments to create a basic wheel graph. New MooWheel(dataArray, canvasElement); The canvas element can be passed as either an element reference or an id string. Note: In this context, the first argument (the data parameter), doesn't matter. Each item that has an "imageUrl" will have that image preloaded, and then added to the wheel when it is drawnIn terms of options, there are a number of options available that allow you to change the way the graph is generated and displayed: Using MooWheel is very simple and extremely easy.