background preloader

Forge

Facebook Twitter

Slideshow: A Javascript class for Mootools. If you are looking to download Slideshow, or for class documentation, please visit the open-source project at Google Code.

Slideshow: A Javascript class for Mootools

If you are looking for the old version of Slideshow, it has been moved here. Support If you find this page helpful, why not donate? Because donations are voluntary, the act of making a small contribution has a big effect towards promoting future development and support. Examples By popular request, the following are some simplified examples of Slideshow usage: StaticScroller. The StaticScroller will keep an element visible on the screen at all times, and does so in a visually appealing manner.

StaticScroller

The element will stay in its static position until the user has scrolled past the element. Then its position is dynamically changed so it stays in a fixed position using Element.Pin for browsers that support position: fixed. When they scroll back up past its original position, the element will again position itself in its original place. How to use Using the plugin is simple. <script type="text/javascript"> window.addEvent("domready", function() { new StaticScroller("container"); }); </script> <script type="text/javascript"> window.addEvent("domready", function() { new StaticScroller("container"); }); </script> Options. FunctionStack. Lightbox, Slimbox, SmoothGallery, Fancy Menu ... Liste de 33 plu. MooIE6Update. This plugin started as a simple port to the JQuery plugin ie6-update ( At it's simplest use it will create an update notification similar to the IE notification bar, which will prompt IE6 users to update their browsers to a newer version.

BUT, as I started refactoring the class, I eventualy found myself creating a more generic IENotifier class, which lets you create whatever message you would like with this class. Releases Dependencies _self_/_current_: core/1.2.4: [Class, Class.Extras, Element.Dimensions, Assets.image] EnhancedPrinting. 20 Excellent Mootools Techniques for Rich User Interface. The User experience has dramatically improved over the past few years, resulting in rich and responsive user interface. AJAX, javascript and CSS are widely used to offer users the dynamic interaction that they have come to expect from advanced, sophisticated, professional solutions.

There’s a lot of powerful interactivity you can bring to your site to spice up just about any web page using one of the most powerful and modular javascript libraries—MooTools! It’s important to note that small and useful features can cleverly deal with hiding and showing important information in non-traditional ways. TextboxList. How to use TextboxList is essentially very easy to use, but is extremely configurable and extensible.

TextboxList

Let’s review some sample usage scenarios: new TextboxList('form_tags_input'); new TextboxList('form_tags_input'); This turns the <input id="form_tags_input"> into a TextboxList widget. MooDialog. MooDialog is a MooTools plugin to replace the native alert(), confirm() and promt() javascript functions by more stylish ones.

MooDialog

You can use it also for other DOM elements, create an IFrame dialog or even create an Ajax Dialog As of version 0.7 MooDialog uses MooTools 1.3 and is not compatible with MooTools 1.2. MooRate. MooBarGraph: AJAX graph for MooTools  MooBarGraph is AJAX graph plugin for MooTools which support two types of graphs, simple bar and stacked bar graph. This plugin made graph from your JSON data and is compatible with all major browsers including IE6. This is jqBarGraph on steroids. It have almost all jqBarGraph possibility, plus some new features, like url bars, info boxes, negative values, AJAX data loading… Features * You can set label, color, url and tooltip text for every bar * Bars can be simple or stacked * Legend can be created automatically * Data can be loaded with AJAX and can have negative values for simple type * Compatible with all major browsers including IE. PlugIn Bay B. 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:

Add Icons to External Links with Mootools and CSS. FancyForm - Javascript checkbox replacement. OmniGrid - Advanced DataGrid based on Mootools. A collection of cool Mootools plugins. If you know some useful Mootools plugins please share theme with use and drop them in the comments below FancyForm FancyForm is a powerful checkbox replacement script used to provide the ultimate flexibility in changing the appearance and function of HTML form elements.

A collection of cool Mootools plugins

It’s accessible, easy to use and degrades gracefully on all older, non-supporting browsers.