Туториал: Создание окон на Mootools

Различные всплывающие окошки, выполненные на JavaScript (не путать с pop-up окнами, вызываемыми при window.open), становятся все более распространенными. Чаще всего они используются для динамического отображения подсказок, диалогов, да и просто рекламы (что зачастую раздражает :) ). Сегодня я расскажу то, как можно сделать такие окна при помощи популярной библиотеки Mootools. Конечный результат будет выглядеть следующим образом:

Окна на Mootools

<< читать дальше >>

Функции в Mootools

В JavaScript, каждая функция фактически является объектом класса Function, а следовательно его можно расширять, добавляя туда новые методы. Именно этим и воспользовались создатели библиотеки Mootools, добавив несколько очень полезных функций, о которых я сегодня подробно расскажу.

<< читать дальше >>

Добавление History в AJAX приложения при помощи 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. Однако он тоже отказался работать, поэтому пришлось его немного переделать. В результате я получил вполне работоспособный скрипт, которым хочу поделиться с вами. Скачать его можно здесь.

Теперь о том как им пользоваться.

<< читать дальше >>

Репозитарий плагинов для Mootools от CNET

CNET Common Libraries это замечательный набор библиотек и плагинов для Mootools. Он включает в себя массу полезных утилит для различных задач, например fixPNG для исправления проблемы с прозрачностью в изображениях PNG для IE 6, классы Date, Form для работы с датами и формами, группа классов StickyWin для создания динамических окон на странице и многое другое. Причем все эти библиотеки и плагины хорошо документированы:

Плагины для Mootools от CNET

На странице загрузки плагинов можно выбирать, какие компоненты вы хотите включить (точно также как можно выбирать компоненты при загрузке Mootools), а также можно выбрать тип сжатия.

Это практически единственный подобный набор плагинов для Mootols, который я нашел. Однако есть надежда, что скоро появится официальный репозитарий плагинов для этой библиотеки, ибо недавно на блоге Mootools появилось следующее объявление:

…Мы работаем над созданием справочника плагинов. Мы пытаемся собрать полный список всех плагинов для нашей библиотеки. Поэтому мы просим всех создателей плагинов отправить нам на email: plugins@mootools.net следующую информацию:

  • Название плагина
  • URL плагина
  • Описание
  • Имя автора и ссылка (если имеется)

В данный момент мы заинтересованы только в плагинах, совместимых с версией 1.2.

Так что, если у вас есть плагины, которыми можете поделиться, самое время это сделать.

скачатьдокументация.

AJAX календарь на Mootools в стиле Висты

Vista-like AJAX Calendar v2 – это простой в использовании и “ненавязчивый” календарь/виджет для выбора дат, написанный на Mootools с использованием AJAX и PHP.

Vista-like AJAX Calendar

Достоинства плагина:

  • Дизайн в стиле Vista.
  • Быстрая навигация между месяцами, годами, десятилетиями без использования выпадающих списков.
  • Эффекты плавной анимации.
  • Легок в настройке.
  • Возможность выбора дат.
  • Как календарь, так и виджет для выбора дат можно создавать много раз.
  • Совместим с версиями Mootools 1.11 и 1.2
  • Небольшой размер (в сжатом виде 8,50kB)

Данный плагин протестирован в IE6/7, Firefox 2 и Opera 9.

скачатьсмотреть демо

Страница 2 из 4«1234»

JSToolbox создан на основе WordPress