Script.aculo.us | это... Что такое Script.aculo.us? (original) (raw)

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 года.

Содержание

• 1 Возможности
  • 1.1 Визуальные эффекты
  • 1.2 Класс Builder
• 2 Использование
• 3 Источники
• 4 См. также
• 5 Ссылки
  • 5.1 Примеры на русском языке

Возможности

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

создаёт следующий код (без переносов строк):

Использование

Включение script.aculo.us в веб-сайт требует копирования всех javascript-файлов и добавления следующих строк в начало HTML-документа:

Эти скрипты должны быть загружены перед любым вызовом функций Prototype или script.aculo.us. После загрузки функции библиотек можно вызвать в любом javascript-теге, в том числе и в обработчиках событий.

Источники

1. ↑ http://ajaxian.com/archives/audible-ajax-episode-12-thomas-fuchs-of-scriptaculous

См. также

• Prototype
• DWR

Ссылки

• Официальный сайт script.aculo.us(англ.)
• Вики-документация script.aculo.us(англ.)

Примеры на русском языке

• Изменение размера элементов web страницы
• Изменение прозрачности элементов web страницы