Различные всплывающие окошки, выполненные на JavaScript (не путать с pop-up окнами, вызываемыми при window.open), становятся все более распространенными. Чаще всего они используются для динамического отображения подсказок, диалогов, да и просто рекламы (что зачастую раздражает 
). Сегодня я расскажу то, как можно сделать такие окна при помощи популярной библиотеки Mootools. Конечный результат будет выглядеть следующим образом:
В JavaScript, каждая функция фактически является объектом класса Function, а следовательно его можно расширять, добавляя туда новые методы. Именно этим и воспользовались создатели библиотеки Mootools, добавив несколько очень полезных функций, о которых я сегодня подробно расскажу.
На днях мне пришлось разрабатывать сайт, в котором необходимо было сделать AJAX навигацию на Mootools. Естественно, нужно было сохранить возможность добавлять ссылки на страницы сайта в закладки и также сохранить поддержку кнопок Назад/Вперед в браузере. В общем типичная проблема для AJAX приложений. Ранее я писал, как сделать History при помощи YUI, однако, мне желательно было сделать все в Mootools, поэтому пришлось искать решения для этой библиотеки. После некоторых поисков я все же нашел подходящий скрипт на digitarald.de, совместимый со всеми основными браузерами (Internet Explorer 6+, Opera 9, Firefox 1.5+, Safari 2+), однако он написан под Mootools 1.11. Этот же скрипт, но переделанный под новую версию (Mootools 1.2), я нашел на aNobii Blog. Однако он тоже отказался работать, поэтому пришлось его немного переделать. В результате я получил вполне работоспособный скрипт, которым хочу поделиться с вами. Скачать его можно здесь.
Теперь о том как им пользоваться.
CNET Common Libraries это замечательный набор библиотек и плагинов для Mootools. Он включает в себя массу полезных утилит для различных задач, например fixPNG для исправления проблемы с прозрачностью в изображениях PNG для IE 6, классы Date, Form для работы с датами и формами, группа классов StickyWin для создания динамических окон на странице и многое другое. Причем все эти библиотеки и плагины хорошо документированы:
На странице загрузки плагинов можно выбирать, какие компоненты вы хотите включить (точно также как можно выбирать компоненты при загрузке Mootools), а также можно выбрать тип сжатия.
Это практически единственный подобный набор плагинов для Mootols, который я нашел. Однако есть надежда, что скоро появится официальный репозитарий плагинов для этой библиотеки, ибо недавно на блоге Mootools появилось следующее объявление:
…Мы работаем над созданием справочника плагинов. Мы пытаемся собрать полный список всех плагинов для нашей библиотеки. Поэтому мы просим всех создателей плагинов отправить нам на email: plugins@mootools.net следующую информацию:
- Название плагина
- URL плагина
- Описание
- Имя автора и ссылка (если имеется)
В данный момент мы заинтересованы только в плагинах, совместимых с версией 1.2.
Так что, если у вас есть плагины, которыми можете поделиться, самое время это сделать.
Vista-like AJAX Calendar v2 – это простой в использовании и “ненавязчивый” календарь/виджет для выбора дат, написанный на Mootools с использованием AJAX и PHP.
Достоинства плагина:
Данный плагин протестирован в IE6/7, Firefox 2 и Opera 9.
JSToolbox создан на основе WordPress