Script.aculo.us: Difference between revisions

Browse history interactively

← Previous edit

Content deleted Content added

VisualWikitext

Inline

Latest revision as of 09:45, 14 July 2021

Redirect to:

Prototype JavaScript Framework

@@ Line 1: / Line 1: @@
+#REDIRECT [[Prototype JavaScript Framework]]
-{{lowercase title}}
-{{Infobox Software
+{{Rcat shell|
-| name                   = script.aculo.us
+{{R to related topic}}
-| logo                   = [[Image:Scriptaculous_logo.png|350px]]
-| developer              = [[Thomas Fuchs (computer scientist) | Thomas Fuchs]]
-| latest release version = 1.9.0
-| latest release date    = {{release date|2010|12|23}}
-| genre                  = [[Javascript toolkit]]
-| programming language   = [[JavaScript]]
-| license                = [[MIT License]]
-| website                = {{URL|http://script.aculo.us}}
 }}
-'''script.aculo.us''' is a [[JavaScript]] library built on the [[Prototype JavaScript Framework]], providing dynamic visual effects and user interface elements via the [[Document Object Model]] (DOM).
-It is most notably included with [[Ruby on Rails]] and [[Seaside (software)|Seaside]], but also provided separately to work with other [[web application frameworks]] and scripting languages.
-script.aculo.us was extracted by [[Thomas Fuchs]] from his work on [[fluxiom]], a web based [[digital asset management]] tool by the design company [[wollzelle]].<ref name="interview-thomasf">[http://ajaxian.com/archives/audible-ajax-episode-12-thomas-fuchs-of-scriptaculous Ajaxian » Audible Ajax Episode 12: Thomas Fuchs of Script.aculo.us]</ref> It was first released to the public in June 2005.
-==Features==
-script.aculo.us extends the [[Prototype JavaScript Framework]] by adding visual effects, user interface controls, and utilities.
-===Visual effects===
-There are five core effects script.aculo.us offers: Opacity, Scale, MoveBy, Highlight, and Parallel. Through these effects there are over 16 additional effects using combinations of the core effects out of the box. Programmers can also extend existing and create new effects.
-Enabling an effect is a matter of assigning an element with an ID name and one line of code for the effect. Below is an example for the Effect.Fade effect applied to a DOM element with ID of 'id_of_element':
-<source lang="javascript">
-new Effect.Fade('element_id');
-</source>
-This will cause the target ID to fade in opacity and end by setting the CSS "display" property to "none".
-Various other settings within the effect can be modified, such as the duration of the effect and the range of the effect:
-<source lang="javascript">
-new Effect.Fade('element_id', {
-    duration: 2.0,
-    from: 0.0,
-    to: 0.8
-});
-</source>
-This would fade the element, but stop when the effect is 80% complete (with an opacity of 20%).
-===Controls===
-Controls offers user interface elements including:
-* Drag And Drop
-** Draggables
-** Droppables
-** Sortables
-** Slider
-* Autocompletion
-* In Place Editing
-===Builder===
-Builder allows creating DOM elements dynamically. Using the sample code below:
-<source lang="javascript">
-element = Builder.node('div',{id:'ghosttrain'},[
-  Builder.node('div',{className:'controls',style:'font-size:11px'},[
-    Builder.node('h1','Ghost Train'),
-    "testtext", 2, 3, 4,
-    Builder.node('ul',[
-      Builder.node('li',{className:'active', onclick:'test()'},'Record')
-    ])
-  ])
-]);
-</source>
-Creates the following (without newlines):
-<source lang="html4strict">
-<div id="ghosttrain">
-  <div class="controls" style="font-size:11px">
-    <h1>Ghost Train</h1>
-    testtext234
-    <ul>
-      <li class="active" onclick="test()">Record</li>
-    </ul>
-  </div>
-</div>
-</source>
-==References==
-{{reflist}}
-==External links==
-*{{official website|http://script.aculo.us}}
-*[http://github.com/madrobby/scriptaculous/wikis script.aculo.us documentation wiki]
-*[http://proto-scripty.wikidot.com/ Unofficial Prototype & Script.aculo.us wiki and FAQ] created by community members
-{{ECMAScript}}
-{{Application frameworks}}
-{{Widget toolkits}}
-{{onesource|article|date=September 2007}}
-[[Category:JavaScript libraries]]
-[[Category:Ajax (programming)]]
-[[Category:Software using the MIT license]]
-[[de:Script.aculo.us]]
-[[es:Script.aculo.us]]
-[[it:Script.aculo.us]]
-[[pl:Script.aculo.us]]
-[[ru:Script.aculo.us]]
-[[sv:Script.aculo.us]]
-[[tr:Script.aculo.us]]