rdTree 0.8.1 — дерево на MooTools

rdTree 0.8.1 — плагін для реалізації динамічного дерева, структура якого задається у вигляді невпорядкованих списків <ul><li>. Розповсюджується під LGPL ліцензією. Автор проекту: Олег Черний. Легкий у використанні, розроблявся так, щоб дерево, згенероване ним, добре індексувалося пошуковими системами. rdTree можна використати при створенні деревовидного меню, в адмін панелі, при розробці довідкової системи, тощо.

Демонстраційну версію роботи плагіна можна подивитися, ось, тут. Вичерпну інструкцію про встановлення rdTree на російській мові можна знайти на сторінці даного проекту.

Скріншот rdTree 0.8.1

Читати далі »

Гарний Alert Box на MooTools

Sexy Alert Box — імітація класичного Alert-вікна, що використовується в JavaScript; красивий і корисний скрипт, який можна використовувати для показу попередження, форм логування чи реєстрації, для повідомлення про помилку: незаповнені чи неправильно заповнені поля, тощо.

Sexy Alert Box дає можливість контролювати, як свій зовнішній вигляд, так і оформлення контенту, що знаходиться в ньому. Якщо ви хочете змінити простий стиль Alert-вікна на красивий та функціональний, то ця стаття для вас! Щоб зрозуміти повніше про що йде мова, дивіться демонстраційні приклади.

Скріншот Sexy Alert Box

Рис.1. Скріншот Sexy Alert Box

Читати далі »

Деякі сайти, що використовують MooTools

Ось, лише декілька відомих брендів, сайти яких працюють на MooTools (дані станом на 2 січня 2009):

  • TCH.ua - Новини усіх форматів
  • World Wide Web Consortium (W3C)
  • IT Business Week
  • bigmir)net - чем больше, тем лучше!
  • Контракты UA - портал для бизнеса
  • RIA.ua – Дом. Авто. Работа
  • Joomla!
  • Пошукова система
  • Ubuntu
  • Офіційний сайт Jeep
  • Офіційний сайт Chrysler
  • TV.com
  • Интернет-аукцион AUCTION.ua
  • Vega - Национальный оператор интернет и телефонии для дома и офиса

MooEditable — простенький WYSIWYG редактор

MooEditable — це спроба Lim Chee Aun створити простенький WYSIWYG редактор на базі MooTools бібліотеки. Даний редактор дозволяє редагувати контент у вікні браузера, а точніше через textarea-елемент, що знаходиться на сторінці.

Читати далі »

Як подружити jQuery та MooTools?

Мета статті: добитися сумісного використання бібліотек jQuery та MooTools, щоб працювати з ними в одному проекті.

Як відомо, jQuery «огортається» в функцію $(), але цю ж функцію полюбляють використовувати й інші відомі JavaScript фреймворки, зокрема й MooTools. Про те цей факт не означає, що дані фреймворки не можуть працювати разом.

З боку jQuery «конфліктність» вирішується дуже просто.

Читати далі »

(E)2 — фотогалерея на основі MooTools

В даній статті мова піде про (E)2 Photo Gallery. (E)2 — це гарна, абсолютно безкоштовна, невеличка Open Source фотогалерея від Евана Ехета (Evan Ehat, http://www.e2interactive.com), побудована на основі фреймворку MooTools (а точніше на версії 1.11, розмір якої — 43 Кб). Серверна частина галереї написана на PHP без використання бази даних.

Читати далі »

Як бути з іншими фреймворками?

« … Я та інші доповідачі/розробники на конференції Fronteers 2008 (довідка: Fronteers 2008 — конференція, що відбулася 11-12 вересня 2008 року в Амстердамі; вона зосереджена на Tom Occhino CSS та JavaScript) спілкувалися між собою, всі ми в одній команді! Ми любимо інші фреймворки, і нам подобається той вклад, який вони вносять до співтовариства JavaScript, і ми хочемо, щоб всі ви також їх любили. Ми не конкуруємо з будь-яким з них. Якщо ви вважаєте, що jQuery краще підходить для вашого поточного проекту, використовуйте його! Це добре перевірений і відточений фреймворк. Я також хочу припинення воєн між фреймворками. Якщо розробники нормально спілкуються між собою, то це повинні робити і користувачі. Більше не лаятимемо інші фреймворки, гаразд? … »

Уривок з посту в Google Groups Tom’а Occhino (один із розробників MooTools)

Що таке MooTools?

MooTools — це компактний, модульний, об’єктно-орієнтований JavaScript фреймворк, який дозволяє додати на Web-сторінку ефекти і анімацію. MooTools, як і всі сучасні JavaScript бібліотеки, має засоби для того, щоб виконувати пошук елемента на сторінці, вказавши його характеристики: id, клас css, ім’я теґу чи їх комбінацію.

Читати далі »