Posts Tagged ‘script.aculo.us’
Growl4Rails is an open source javascript component that provides the UI for growl-like notifications in your Rails web application. You have control over the duration and max number of growls to show.
Requirements: Rails 2.1+, Prototype 1.6+, Scriptaculous 1.7+
Website: http://github.com/jfiorato/growl4rails/tree/master
Free Calendar with MySQL and Script.aculo.us has 3 main parts, the Javascript, the HTML and the PHP script. You can change the date with the form and it will update the calendar without having to reload the entire page, AJAX style.
Its very easy to use this Calendar System. Simply copy the entire calendar into whatever directory you want. Create your database and import the “databaseSQL.sql” file into it, this will create the default data for running it. And then, alter the “databaseConnection.php” file to show your connection details.
Read the rest of this entryStarbox allows you to easily create all kinds of rating boxes using just one PNG image. The library is build on top of the Prototype javascript framework. For some extra effects you can add Scriptaculous as well. Check the demos below to see what Starbox is all about and read on for more information on how to customize your own Starboxes.
You can style your starboxes with CSS, in starbox.css you can find a few examples on how to do this. Note that the only thing you can not set through CSS is the overlay image.
Tip: The Google Ajax Libraries API can be used to automatically load the latest version of Prototype and Scriptaculous. Using Prototype for example, the last part of the url can be changed to /1.6/prototype.js for the latest 1.6.* release, or /1/prototype.js for the latest 1.* release.
PrototypeXtensions is a JavaScript library based on the frameworks Prototype.js and Script.aculo.us. The objective of this library is to provide an extension “low level” composed of useful methods and basic components, and components “high level”, more dedicated to the user interface.
Currently, it has 3 components:
- Core extension: class, cookie, event management & time calculations.
- History: easy “set/get” parameter on hash of URL, observe the hash of URL & more.
- Tabs: show / hide, select, Ajax / iframe.
Website: http://www.prototypextensions.com
JSValidate is a form validator that utilizes aspects of prototype and scriptaculous to bring you a simple to execute, non-intrusive javascript form validator.
It validates:
- Numbers
- Letters
- Required fields
- E-mail Address
- Credit card number format
- US zip code, phone number & state codes
Website: http://www.jsvalidate.com/
Mapeed.AddressChooser is a Javascript script to create a nice address form for any websites that need to collect addresses. For example getting user’s address, place’s location or anything that can be localized on a map.
This script just add behavior on HTML form, it does’nt geerate HTML markup and can be plugged on any existing forms.
Features:
- Javascript Framework-Agnostic
- IndependentMapping System
- Interactive Map
- Fully customizable
- and above all Open source
Checkout this demo that uses Mapeed.AddressChooser with Prototype/Scriptaculous framework. Address is an autocomplete field filled by placemarks return by Google Map.
Website: http://addresschooser.mapeed.com/doc/
Demo: http://addresschooser.mapeed.com/example/with_prototype.html
Ferdinand.Slider is a Prototype extension for creating simple image slideshows.
It uses a JSON file at any location as the data source which makes it possible to integrate with Flickr or similar services easily.
The extension has several options to set:
- duration of effects
- duration of image transition
- opacity
- background
- prev-next buttons & more.
It is also possible to add more features (like a menu) to the slider as it can be controlled from outside with commands like slider.Next(), slider.Prev().
Requirements: PrototypeJS 1.6.0.3+ & Scriptaculous 1.8.2+
Compatibility: All Major Browsers (except IE7)
Website: http://ferdinand.rs/javascript/ferdinandslider
