- script.aculo.us
-
script.aculo.us Тип Разработчик Thomas Fuchs
Операционная система Последняя версия 1.9.0 (23 декабря, 2010)
Лицензия Сайт 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-теге, в том числе и в обработчиках событий.
Источники
См. также
Ссылки
- Официальный сайт script.aculo.us (англ.)
- Вики-документация script.aculo.us (англ.)
Примеры на русском языке
Веб-фреймворки ASP.NET DotNetNuke • ASP.NET MVC • MonoRail
ColdFusion ColdSpring • Fusebox • Mach-II • Model-Glue
Java Apache (Cocoon • Struts • Velocity • WebWork 2) • AppFuse • Aranea • Eclipse • Facelets • Flexive • FreeMarker • Google Web Toolkit • Grails • Hamlets • ItsNat • JavaServer Faces • Jspx • JBoss Seam • jZeno • Makumba • OpenLaszlo • OpenXava • Reasonable Server Faces (RSF) • Restlet • RichFaces • RIFE • Shale • SmartClient • Spring • Stripes • Tapestry • ThinWire • Vaadin • WebMacro • WebWork • WebObjects • Wicket • ZK
JavaScript node.js • AJILE • Clean AJAX • Dojo Toolkit • Echo • Ext JS • jQuery • jMaki • Microsoft AJAX Library • MochiKit • MooTools • Prototype • qooxdoo • Rialto Toolkit • Rico • script.aculo.us • SmartClient • Spry • SproutCore • Yahoo! UI Library • Underscore • PhoneGap
Perl Catalyst • Interchange • Titanium • Maypole • HTML:Mason
PHP Python CherryPy • Django • GAE framework • Karrigell • Nevow • Porcupine • Pylons • Pyramid • Spyce • TurboGears • Twisted • Tornado • Webware • Zope
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
WindowsUNIX, под X Кросс-
платфор-
менныеНа основе Flash ASWing • Adobe Flex • Gnash • SWF2EXE Software
На основе XML,
AJAX или SVGAmple SDK • CougarXML • Dojo Toolkit • Echo • ExtJS • GladeXML • Google Web Toolkit • jQuery • Lively Kernel • MooTools • Pyjamas • qooxdoo • Rialto Toolkit • script.aculo.us • XML User Interface • XUL • Yahoo! UI Library
На основе Java На основе
C или C++Agar • CEGUI • Component Library for Cross Platform • dlib C++ Library • FLTK • FOX toolkit • OpenGL User Interface Library • GTK+ • IUP • Juce • JX Application Framework • Qt • TnFOX • Visual Component Framework • wxWidgets • YAAF • XForms • XVT • Ultimate++
На основе Common Lisp CAPI • Common Graphics • CLIM • McCLIM • Garnet
На основе Pascal IP Pascal • Lazarus • fpGUI • FireMonkey
На основе Python На основе Objective C На основе других Категории:- Программное обеспечение по алфавиту
- AJAX
- Библиотеки JavaScript
- Программное обеспечение с лицензией MIT
- Свободные библиотеки программ
Wikimedia Foundation. 2010.