Ajax Russia : Аякс по-русски

Archive for the 'Script.aculo.us' Category

Хостим Javascript на Google

May 28th, 2008 | Category: API, Ajax, Google, Javascript, Script.aculo.us, jQuery

Вам никогда не приходила в голову мысль, как было бы здорово если все сайты хостили популярные джаваскрипт библиотеки на одном сервере? Только подумайте сколько траффика это бы всем сэкономило. Зашёл на один сайт, например Digg.com, браузер скачал ихний jQuery, потом перешёл на другой сайт, где используется тот же скрипт и уже скачивать ничего не надо. На Yahoo уже давно это делали для YUI, так а почему этого нету для других библиотек? Теперь есть!

Ребята из Google AJAX Libraries API объявили, что теперь будут хостить все популярные библиотеки на серверах Google. Больше не придётся думать о кэшинге, gzip-е, хостинге, трффике и тд. На данный момент поддерживаются Prototype, Script.aculo.us, jQuery, Dojo и MooTools. Read more

8 comments

Scriptaculous и плавный скроллинг

March 18th, 2008 | Category: Prototype, Script.aculo.us, Tutorial

Сегодня покажу как сделать на странице скроллинг. Но не обычный, когда браузер просто прыгает на нужное место, а плавный скроллинг. Для этого скачаем и подгрузим на странице Prototype и Scriptaculous.

PLAIN TEXT

HTML:

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

Теперь сделаем на странице DIV и дадим ему id. К этому элементу мы будем скроллить окно браузера. Это не обязательно должен быть DIV, а может быть что угодно, главное чтобы был id.

PLAIN TEXT

HTML:

<div id="scroll_1"></div>

И теперь сделаем линк, при нажатии которого будем скроллить.

PLAIN TEXT

HTML:

<a href="#scroll_1" id="scroll_link">Scroll me</a>
<script type="text/javascript">
$('scroll_link').observe('click', function(e){
new Effect.ScrollTo('scroll_1');
e.stop();
});
</script>

Чтобы посмотреть скрипт в деле - кликать СЮДА.

Подробнее про ScrollTo можно почитать тут.

4 comments

ProtoFlow: Coverflow на Prototype

March 12th, 2008 | Category: Javascript, Prototype, Script.aculo.us

Месяц назад я писал про Imageflow - coverflow на джаваскрипте. Так вот теперь появилась альтернатива. Obaid Ahmed написал похожий скрипт при помощи Prototype и Scriptaculous - Protoflow. В отличие от Imageflow, Protoflow не зависит от сервера и будет работать хоть с PHP, хоть с Java, хоть с Rails.

protoflow

Установка довольно простая. Качаем библиотеку, подгружаем нужные javascript файлы в head и вставляем следующий маркап: Read more

2 comments

Фокусы с Textarea

February 25th, 2008 | Category: Javascript, Prototype, Script.aculo.us

Чем textarea больше - тем туда удобнее вводить текст. Всё видно, ничего не надо скроллить. Только вот не всегда это красиво показывать на странице такие огромные текстовые поля. Более элегантный способ - это показать небольшую textarea, и если текст в неё не влезает - увеличить её размер динамически. Так мы и сделали на Qype.co.uk

Для работы скрипта нужны Prototype и Script.aculo.us. Read more

15 comments

Prototype, script.aculo.us и книга

November 08th, 2007 | Category: Javascript, Prototype, Script.aculo.us, Релиз

В связи с переездом в Гамбург (кстати ещё не нашёл квартиру, живу в гостиннице) я чуть не прозевал релиз Prototype и script.aculo.us. Про бета версии я уже писал тут и тут. Изменений с тех пор немного - в основном исправления багов и оптимизация кода. Зато разработчики порадовали кое чем другим. Они выпустили книгу, где можно найти кучу примеров использования Прототайпа и Scriptaculous. Книга будет полезна как новичкам, так и old school джаваскрипт программистам. Я себе точно куплю.