Prototype Javascript Framework

[php developer]

Prototype is a JavaScript Framework that aims to ease development of dynamic web applications.

Featuring a unique, easy-to-use toolkit for class-driven development and the nicest Ajax library around, Prototype is quickly becoming the codebase of choice for web application developers everywhere.

Download
http://www.prototypejs.org/download

API Documentation
http://www.prototypejs.org/learn

[php developer]

script.aculo.us is a set of JavaScript libraries to enhance the user interface of web sites. It provides an visual effects engine, a drag and drop library (including sortable lists), a couple of controls (Ajax-based autocompletion, in-place editing, sliders) and more.

Home Page:
http://script.aculo.us/

Demos:
http://github.com/madrobby/scriptaculous/wikis/demos

[php developer]

Glider makes it easy to create a sliding carousel component. This script uses the Prototype javascript framework and the effects.js library from Scriptaculous. You must include Prototype version 1.5+ in your pages before including this script. This library is known to work in recent versions of IE 6/7, FireFox, and Safari.

Note: You can create multiple gliders on one page.

Example: http://missingmethod.com/projects/glider.html

[zakaullah89]

Context Menu for your Web Page
Proto.Menu is a simple and lightweight prototype-based solution for context menu functionality on your page



Features:
* Lightweight: ~3 KB (~2 KB minified)
* Unobtrusive: Plays nice with JS turned off, uses its own namespace
* Cross-browser: Full A-Graded browsers support (Opera is supported through Ctrl + Left Click)
* Fully customizable: Menu styling can (and is intended to) be easily defined in external stylesheet, supports image-based themes
* Fast: Menu container is rendered on page load, and only changes position when rendered (on click event)
* Thoroughly tested: Features extensive set of unit tests to ensure expected behavior

Specification
* Requires: prototype.js 1.6
* Tested browsers: Firefox 1.5+, Internet Explorer 6+, Safari 3+, Opera 9+, Netscape Navigator 9+

http://yura.thinkweb2.com/scripting/contextMenu/

http://code.google.com/p/proto-menu/

[zakaullah89]

JavaScript Image Cropper UI, using Prototype & script.aculo.us

The JavaScript image cropper UI allows the user to crop an image using an interface with the same features and styling as found in commercial image editing software, and is is based on the Prototype JavaScript framework and script.aculo.us.

Demo: http://www.defusion.org.uk/demos/060519/cropper.php



Features
* Un-obtrusive
* Based on Prototype and script.aculo.us
* Image editing package styling & functionality, the crop area functions and looks like those found in popular image editing software
* Dynamic inclusion of required styles
* Drag to draw areas
* Shift drag to draw/resize areas as squares
* Selection area can be moved
* Selection area can be resized using resize handles
* Allows dimension ratio limited crop areas
* Allows minimum dimension crop areas
* Allows maximum dimensions crop areas, if both min & max set as the same value then we'll get a fixed cropper size on the axes as appropriate and the resize handles will not be displayed as appropriate
* Allows dynamic preview of resultant crop (if minimum width & height are provided), this is implemented as a subclass so can be removed if not required
* Movement of selection area by arrow keys (shift + arrow key will move selection area by 10 pixels)
* All operations stay within bounds of image
* All functionality & display compatible with most popular browsers supported by Prototype, tested in:
o PC: IE 6 & 5.5, Firefox 1.5, Opera 8.5 (see known issues) & 9.0b
o MAC: Camino 1.0, Firefox 1.5, Safari 2.0

Details: http://www.defusion.org.uk/code/javascript-image-cropper-ui-using-prototype-scriptaculous/