Script.aculo.us: Difference between revisions

Revision as of 14:50, 15 August 2006

Revision as of 03:16, 19 August 2006

Line 9:

}}

{{lowercase|script.aculo.us}}

Script.aculo.us is a [[JavaScript]] library built on the [[Prototype Javascript Framework]]. Script.aculo.us provides dynamic visual effects and user interface elements via the [[Document Object Model]].

Script'''script.aculo.us''' is a [[JavaScript]] library built on the [[Prototype Javascript Framework]]. Scriptscript.aculo.us provides dynamic visual effects and user interface elements via the [[Document Object Model]].

It is most notably included with [[Ruby on Rails]], but also provided separately to work with other web application [[Framework|frameworks]] and scripting languages.

Line 15 ⟶ 17:

==Features==

Scriptscript.aculo.us extends the Prototype Javascript Framework by adding visual effects, user interface controls, and utilities.

===Visual Effects===

There are five core effects Scriptscript.aculo.us offers: Opacity, Scale, MoveBy, Highlight, and Parallel. Though these effects, there are over 16 additional effects using combinations of the core effects out of the box. Programmers can even extend and make new effects.

Enabling an effect is a matter of assigning and element with an ID name and one line of code for the effect. Below is an example for the Effect.Fade effect applied to an DOM element ID of 'id_of_element':

Line 76 ⟶ 78:

==Usage==

Incorporating Scriptscript.aculo.us into a website requires copying all javascript files in a folder and the following lines inserted in the head of an [[HTML]] document:

<script src="javascripts/prototype.js" type="text/javascript"></script>

<script src="javascripts/scriptaculous.js" type="text/javascript"></script>

These lines must be loaded first before any javascript requesting any Prototype or Scriptscript.aculo.us functions. Once loaded, these functions can be called in any valid javascript ___location including script tags and event handlers.

==Related links==

Line 87 ⟶ 89:

==External links==

*[http://script.aculo.us/ Scriptscript.aculo.us homepage]

*[http://wiki.script.aculo.us/ Scriptscript.aculo.us documentation wiki]

{{compu-prog-stub}}