script.aculo.us
Материал из Википедии — свободной энциклопедии
script.aculo.us | |
Тип | JavaScript-библиотека |
Разработчик | Thomas Fuchs |
ОС | Кроссплатформенное ПО |
Текущая версия | 1.8.1 — 3 января, 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 | MonoRail |
ColdFusion | ColdSpring | Fusebox | Mach-II | Model-Glue |
Java | Apache Cocoon | Apache Struts | AppFuse | Aranea framework |Eclipse |Google Web Toolkit |Grails |Hamlets |JavaServer Faces | JBoss Seam | jZeno | OpenLaszlo | OpenXava | Reasonable Server Faces (RSF) | RIFE | Shale Framework | SmartClient | Spring Framework | Stripes | Tapestry | ThinWire | WebObjects | WebWork | Wicket Framework | ZK Framework |
JavaScript | AJILE ·Clean AJAX ·Dojo Toolkit ·Echo ·Ext ·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 ·Maypole ·Mason |
PHP |
Akelos PHP Framework | BlueShoes | CakePHP | Canvas | CodeIgniter | DIY Framework | Drupal | Energine | Envos | FUSE | Horde | Kohana (Web Framework) | PHP Compiler | PHP For Applications | PHPOpenbiz | PRADO | Qcodo | Seagull Framework | Solar Framework | Symfony | Zend Framework | Zoop Framework |
Python | CherryPy ·Django ·Karrigell ·Nevow ·Porcupine ·Pylons ·Spyce ·TurboGears ·TwistedWeb ·Webware ·Zope |
Ruby | Camping ·Nitro ·IOWA ·Ramaze ·Cerise ·Merl ·Ruby on Rails |
Прочие языки | 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) |
Это незавершённая статья о компьютерном программировании. Вы можете помочь проекту, исправив и дополнив её. |