- Script.aculo.us
-
script.aculo.us
script.aculo.us Тип JavaScript-библиотека Разработчик Thomas Fuchs ОС Кроссплатформенное ПО Версия 1.8.2 (18 ноября, 2008) Лицензия MIT License Сайт script.aculo.us script.aculo.us — JavaScript-библиотека для разработки пользовательского интерфейса веб-приложений, построенная на фреймворке Prototype.
Обычно используется программистами вместе с Ruby on Rails, однако также доступен в виде отдельной библиотеки, и присутствует в составе некоторых других каркасов для разработки сайта.
Был создан Томасом Фукс в процессе работы над веб-интерфейсом инструмента цифрового управления активами Fluxiom компании Wollzelle[1], впервые был опубликован в июне 2005 года.
Содержание
Возможности
script.aculo.us использует Prototype в качестве фундамента и добавляет усовершенствованные методы работы с AJAX-запросами, класс под названием Builder для манипуляций с DOM-элементами, а также инструменты для создания специальных эффектов любой сложности.
Визуальные эффекты
Существуют пять основных эффектов script.aculo.us: Opacity, Scale, MoveBy, Highlight, и Parallel. Кроме них насчитывается более 16 дополнительных эффектов, которые подключаются с помощью дополнительных модулей. Программисты могут также расширить список новыми эффектами.
Для активации эффекта необходимо указать идентификатор элемента ID и одну строку кода с указанием необходимой функции. Ниже приведен пример для функции Effect.Fade, применяемой к DOM-элементу с идентификатором 'id_of_element'. Этот код приведёт к постепенному исчезновению (увеличению прозрачности) элемента, вплоть до полной невидимости с помощью CSS стиля
display:none
.new Effect.Fade('id_of_element');
Также можно указать параметры эффекта: продолжительность и границы воздействия. Следующий пример приведёт к увеличению прозрачности элемента с остановкой на 80 % полного эффекта (с прозрачностью 20 %).
new Effect.Fade('id_of_element', { duration:2.0, from:0.0, to:0.8 });
Класс Builder
Builder позволяет динамически создавать DOM-элементы. Использование образца кода ниже:
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') ]), ]), ]);
создаёт следующий код (без переносов строк):
<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>
Использование
Включение script.aculo.us в веб-сайт требует копирования всех javascript-файлов и добавления следующих строк в начало HTML-документа:
<script src="javascripts/prototype.js" type="text/javascript"></script> <script src="javascripts/scriptaculous.js" type="text/javascript"></script>
Эти скрипты должны быть загружены перед любым вызовом функций Prototype или script.aculo.us. После загрузки функции библиотек можно вызвать в любом javascript-теге, в том числе и в обработчиках событий.
Источники
См. также
Ссылки
Примеры на русском языке
Веб-фреймворки ASP.NET DotNetNuke • ASP.NET MVC • MonoRail
ColdFusion ColdSpring • Fusebox • Mach-II • Model-Glue
Java Apache Cocoon • Apache Struts • AppFuse • Aranea framework • Eclipse • Facelets • Flexive • FreeMarker • Google Web Toolkit • Grails • Hamlets • ItsNat • Jakarta Velocity • JavaServer Faces • Jspx • JBoss Seam • jZeno • Makumba • OpenLaszlo • OpenXava • Reasonable Server Faces (RSF) • Restlet • RichFaces • RIFE • Shale Framework • SmartClient • Spring Framework • Stripes • Tapestry • ThinWire • Vaadin • WebWork • WebObjects • WebWork • Wicket Framework • ZK Framework
JavaScript AJILE • Clean AJAX • Dojo Toolkit • Echo • Ext JS • jQuery • jMaki • Microsoft AJAX Library • MochiKit • MooTools • Prototype JavaScript Framework • qooxdoo • Rialto Toolkit • Rico • script.aculo.us • SmartClient • Spry framework • Yahoo! UI Library
Perl Catalyst • Interchange • Titanium • Maypole • Mason
PHP Acode Framework • Akelos PHP Framework • BlueShoes • CakePHP • Canvas • CodeIgniter • DIY Framework • Drupal • FUSE • Horde • Kohana • Livestreet • PHP For Applications • PHPOpenbiz • PRADO • Qcodo • Seagull Framework • Solar Framework • Symfony • Zend Framework • Zoop Framework • Joomla
Python Ruby Camping • Nitro • IOWA • Ramaze • Cerise • Merb • Ruby on Rails • Sinatra • Padrino
Прочие
языкиAlpha Five • Fusebox (ColdFusion и PHP) • Helma Object Publisher (Server-side) • Lift (Scala) • Magic (Scheme) • OpenACS (Tcl) • Seaside (Smalltalk) • UnCommon Web (Common Lisp) • Yaws (Erlang) • Oracle Application Express (PL/SQL)
Инструментарии виджетов Низко-
уровневыеMacintosh Toolbox/Carbon · Windows API · Intrinsics · Intuition · Xlib Высоко-
уровневыеAmiga OS BOOPSI • Magic User Interface • Zune • ReAction GUI Mac OS и
Mac OS XCocoa • MacApp • MacZoop • PowerPlant Microsoft
WindowsMicrosoft Foundation Classes • Windows Template Library • SmartWin++ • Object Windows Library • Visual Component Library • Windows Forms • Windows Presentation Foundation Unix, под X Xaw • Motif • LessTif • InterViews Кросс-
платфор-
менныеНа основе Flash Adobe Flex • Gnash • SWF2EXE Software На основе XML,
AJAX или SVGGladeXML • XAML • XML User Interface • XUL • CougarXML • Rialto Toolkit • Dojo Toolkit • jQuery • script.aculo.us • Echo • qooxdoo • MooTools • Google Web Toolkit • Yahoo! UI Library • ExtJS На основе Java Abstract Window Toolkit • Swing • SWT На основе
C или C++Agar • CEGUI • Component Library for Cross Platform • dlib C++ Library • FLTK • FOX toolkit • OpenGL User Interface Library • GTK+ • IUP • Juce • Qt • Tk • TnFOX • Visual Component Framework • wxWidgets • YAAF • XForms • XVT На основе Pascal IP Pascal • Lazarus • fpGUI
Wikimedia Foundation. 2010.
Script.aculo.us — Entwickler: Thomas Fuchs Aktuelle Version: 1.8.2 (18. November 2008) Betriebssystem: plattformunabhängig Programmiersprache … Deutsch Wikipedia
script.aculo.us — Тип JavaScript библиотека … Википедия
Script.aculo.us — Desarrollador Thomas Fuchs script.aculo.us Información general Última versión estable 1.8.1 3 de enero … Wikipedia Español
script.aculo.us — Entwickler Thomas Fuchs Aktuelle Version 1.9.0 (23. Dezember 2010) Betriebssystem plattformunabhängig Programmiersprache JavaScript … 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
Java Script — JavaScript ist eine Skriptsprache, die hauptsächlich für das DOM Scripting in Web Browsern eingesetzt wird. Dabei ist unter JavaScript die Gesamtheit aus den Eigenschaften des Browsers (beziehungsweise Clients oder Scripting Hosts) sowie des… … Deutsch Wikipedia
Scriptaculous — script.aculo.us Entwickler: Thomas Fuchs Aktuelle Version: 1.8.2 (18. November 2008) Betriebssystem: plattformunabhängig Programmiersprache … Deutsch Wikipedia
Scriptaculous — script.aculo.us Тип библиотека Разработчик Thomas Fuchs ОС Кроссплатформенное ПО Версия 1.8.2 18 ноября, 2008 … Википедия
Сравнение каркасов веб-приложений — Это сравнительная таблица фреймворков веб приложений. Содержание 1 Фреймворки 1.1 ASP.NET 1.2 C++ 1.3 ColdFusion Markup Language (CFML) … Википедия
Comparison of JavaScript frameworks — Contents 1 Comparison of JavaScript frameworks 1.1 Rationale 1.2 Table of Javascript Frameworks 2 See also … Wikipedia