Scriptaculous

Scriptaculous
script.aculo.us
Entwickler: Thomas Fuchs
Aktuelle Version: 1.8.2
(18. November 2008)
Betriebssystem: plattformunabhängig
Programmiersprache: JavaScript
Lizenz: MIT-Lizenz
script.aculo.us

script.aculo.us ist eine JavaScript-Bibliothek, die auf dem JavaScript-Framework Prototype aufbaut. Sie bietet dynamische visuelle Effekte und GUI-Elemente über das Document Object Model (DOM).

Ganz besonders ist es in Ruby on Rails integriert, wird allerdings auch separat angeboten, damit es mit anderen Web Application Frameworks und Scriptsprachen zusammenarbeitet.

script.aculo.us wurde von Thomas Fuchs aus dem Tool fluxiom entnommen, einem webbasierten Digital-Asset-Management-Tool der Designerfirma wollzelle.[1] Der Öffentlichkeit wurde es erstmals im Juni 2005 vorgestellt.

Inhaltsverzeichnis

Features

script.aculo.us erweitert das Prototype JavaScript Framework durch visuelle Effekte, GUI-Elemente und andere nützliche Funktionen.

Visuelle Effekte

Es gibt 5 Kerneffekte, script.aculo.us bietet: Opacity, Scale, MoveBy, Highlight, und Parallel. Durch diese Effekte ergeben sich über 16 zusätzliche Effekte, die Kombinationen der Kerneffekte nutzen. Programmierer können diese Effektpallette auch noch erweitern und neue Effekte hinzufügen.

Um einen Effekt zu aktivieren, muss man dem jeweiligen Element eine ID-Bezeichnung zuordnen und eine Zeile Code für den Effekt hinzufügen. Nachfolgend ist ein Beispiel des Effekts Effect.Fade, der auf ein DOM-Element mit der ID 'id_of_element' angewandt wird:

new Effect.Fade('id_of_element');

Dadurch wird das Element mit der Ziel-ID ausgeblendet und am Ende die CSS-Eigenschaft display-Eigenschaft auf none gesetzt.

Es können sogar einige Einstellungen, wie z.B. die Dauer und Reichweite des Effekts eingestellt werden:

new Effect.Fade('id_of_element',
    { duration:2.0, from:0.0, to:0.8 });

Dadurch wird das Element eingeblendet, der Effekt stoppt allerdings, wenn er 80% fertig ist (bei einer Deckkraft von 20%).

Controls

Controls bieten GUI-Elemente, darunter:

  • Drag And Drop
    • Draggables
    • Droppables
    • Sortables
    • Slider
  • Autocompletion
  • In Place Editing

Builder

Durch den Builder können DOM-Elemente dynamisch erzeugt werden. Durch Benutzung des unteren Beispielcodes...

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')
    ])
  ])
]);

...wird folgender HTML-Code erzeugt (ohne neue Zeilen):

<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>

Nutzung

Um script.aculo.us auf einer Webseite zu nutzen, müssen alle JavaScript-Dateien in einem Ordner abgelegt werden (im Beispiel der Ordner "javascripts") und die folgenden Code-Zeilen müssen in den <head>-Tag eines HTML-Dokuments eingefügt werden:

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

Diese Zeilen müssen zuerst geladen werden, vor jeglichem anderen JavaScript-Code, der auf Prototype oder script.aculo.us-Funktionen zugreift. Einmal geladen können diese Funktionen von jedem Ort ausgeführt werden, darunter Script-Tags und Eventhandler.

Quellen

  1. Ajaxian » Audible Ajax Episode 12: Thomas Fuchs of Script.aculo.us

Weblinks


Wikimedia Foundation.

Игры ⚽ Нужен реферат?

Schlagen Sie auch in anderen Wörterbüchern nach:

  • Scriptaculous — script.aculo.us Тип библиотека Разработчик Thomas Fuchs ОС Кроссплатформенное ПО Версия 1.8.2 18 ноября, 2008 …   Википедия

  • Script.aculo.us — Entwickler: Thomas Fuchs Aktuelle Version: 1.8.2 (18. November 2008) Betriebssystem: plattformunabhängig Programmiersprache …   Deutsch Wikipedia

  • Script.aculo.us — Infobox Software name = script.aculo.us developer = Thomas Fuchs latest release version = 1.8.1 latest release date = release date|2008|01|03 genre = JavaScript toolkit programming language = JavaScript license = MIT License website =… …   Wikipedia

  • Script.aculo.us — Тип JavaScript библиотека Разработчик Thomas Fuchs …   Википедия

  • ExtJS — Ext JS Basisdaten Entwickler: Jack Slocum, Brian Moeskau, Aaron Conran, Rich Waters Aktuelle Version: 2.2.1 ( …   Deutsch Wikipedia

  • Extjs — Ext JS Basisdaten Entwickler: Jack Slocum, Brian Moeskau, Aaron Conran, Rich Waters Aktuelle Version: 2.2.1 ( …   Deutsch Wikipedia

  • Rails — Ruby on Rails RoR Standard Seite …   Deutsch Wikipedia

  • Ruby On Rails — RoR Standard Seite …   Deutsch Wikipedia

  • Rubyonrails — Ruby on Rails RoR Standard Seite …   Deutsch Wikipedia

  • Tapestry — Apache Tapestry Тип Веб фреймворк Разработчик Apache Software Foundation Написана на Java Операционная система Кроссплатформенное ПО …   Википедия

Share the article and excerpts

Direct link
Do a right-click on the link above
and select “Copy Link”