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

Кевин Миллер выпустил новую версию своего скрипта Аккордеон. Библиотека основана на базе Prototype и Scriptaculous и работает по моему лучше чем аккордеон от jQuery UI. Ни в коем случае не хочу обидеть фанатов jQuery.

Новые функции в версии 2.0:

• Активный аккордеон будет закрываться при нажатии на заголовок.
• Возможность делать аккордеоны в аккордеоне.
• Аккордеон динамически изменяет размер, в зависимости от содержимого.
• Исправлены многие баги.

Как использовать:

1. Добавляем джаваскрипт
   PLAIN TEXT
   HTML:

   1. <script type="text/javascript" src="javascript/prototype.js"></script>
   2. <script type="text/javascript" src="javascript/effects.js"></script>
   3. <script type="text/javascript" src="javascript/accordion.js"></script>

2. Добавляем HTML
   PLAIN TEXT
   HTML:

   1. <div id="vertical_container">
   2. <h2 class="accordion_toggle">Заголовок 1</h2>
   3. <div class="accordion_content">Текст</div>
   4.  
   5. <h2 class="accordion_toggle">Заголовок 2</h2>
   6. <div class="accordion_content">Текст</div>
   7.  
   8. </div>

3. Применяем скрипт
   PLAIN TEXT
   JavaScript:

   1. var verticalAccordion = new accordion('#vertical_container');

Подробнее о дополнительных параметрах к функции можно посмотреть на страничке автора. Там же сразу есть и рабочий пример скрипта.

Я уже писал как можно делать зеркальные отражения картинок при помощи джаваскрипта. Сегодня статья из этой же серии - для программистов которые не хотят возится с фотошопом. На этот раз мы будем загибать углы у картинок, и создадим такой своеобразный 3D эффект. Пример эффекта можно посмотреть например на Flickr, или наберите в гугле "curl effect".

Для туториала нам понадобится одна картинка и два джаваскрипт файла из комплекта curl.js (по этому адресу можно почитать документацию и посмотреть другие примеры использования).

Нашёл на Flickr вот такую медузу, дал ей id="jellyfish" и сейчас мы будем у неё загибать уголки.

Read more

Как я уже писал на прошлой неделе, команда jQuery выпустила jQuery UI - набор из функций для создания интерфейса пользователя для вэба. Я ждал день релиза, и в воскресение вечером сел за компьютер, чтобы протестировать все новые функции. Функций оказалось немало и результаты отличные. Очередной замечательный релиз.

Сегодня я покажу работу следующих элементов:

• Аккордеон
• Календарь
• Диалог
• Слайдер
• Таблица с сортировкой
• Табы

Read more

Очень приятно, когда обновляется самый полезный плагин для Firefox. Не знаю, что бы я делал без огненного жука Firebug. Кто программирует на джаваскрипте или занимается CSS - тот меня поймёт. John J Barton из комманды Firebug объявил о новой версии плагина.

Вот список нововведений:

• Дебаг кода в eval(). Код который проходит через eval, виден как будто это отдельный джаваскрипт файл.
• Улучшена работа с обработчиками событий (event handlers), которые генерирует Firefox.
• Новые иконки.
• Поддержка Firefox 3.

И много других функций. Подробнее написано в ReleaseNotes.

От себя добавлю, что обновляйтесь, если не боитесь багов. Это всё таки бета версия и как я почитал в комментариях к релизу - багов там хватает. Я установил на своём ноутбуке, но на рабочем месте подожду выхода финальной версии.

Вроде бы совсем недавно был релиз jQuery 1.1.4, но разработчики не стали долго отдыхать и выпустили jQuery 1.2. Обновили селекторы, эффекты, улучшена работа аякса, появилась возможность управления сразу несколькими анимациями. Лично мне особенно понравилось возможность создания собственного namespace-a. Теперь jQuery может не только спокойно сосуществовать с другими джаваскрипт библиотеками, но и даже с различными версиями самой jQuery.

В добавок к этому, разработчики объявили о новом проекте - jQuery UI. Это набор из функций для создания интерфейса пользователя для вэба. Там есть и слайдеры, и модальные диалоги, и деревья и много других вкусностей. Релиз назначен на воскресение 16го сентября. Я обязательно попробую библиотеку в деле и напишу о впечатлениях. А пока посмотрите на скриншот, где представлены возможности jQuery UI. Выглядит очень аппетитно.

На картинку можно кликать!