Meteora — це набір кросбраузерних JavaScript віджетів, що дозволяє Web-майстрам створювати сучасні інтерактивні мережеві додатки (applications). Гарно демонструє можливості Meteora флеш-ролик:

Meteora — це програмне забезпечення з відкритими вихідними кодами, створене Astrata Software на основі фреймворку MooTools (версія 1.11) і випущене під MIT ліцензією. Розробники проекту стверджують, що будь-який скрипт, який працює на MooTools, працюватиме і з Meteora. На даний час з офіційного ресурсу проекту можна завантажити Meteora версії 0.6.

Як бачимо з демонстраційного відео в Meteora реалізовано:

• Автодоповнення полів
• Календар
• Datagrid — таблиця з можливістю редагувати її комірки та сортувати рядки по колонках
• WYSIWYG редактор
• Переглядач файлів (FileBrowser)
• Випадаюче меню
• Валідація (перевірка) полів форми
• тощо.

Для користувачів фреймворку MooTools на сайті присутній так званий швидкий старт — Quick start for MooTools users.

Після розархівації Meteora ви помітите, що файли займають приблизно 1,1 Мб. Розмір такий значний, як для Web’у, через велику кількість зображень в папці проекту, а також тому, що Meteora поширюється з повною версією MooTools.

Стиснутий варіант пакету займає 389 Кб. В ньому і стилі, і піктограми, необхідні для бібліотек, і самі бібліотеки.

Підключити мінімальне ядро Meteora можна так:

<script type="text/javascript" src="/js/meteora/meteora.js"></script>

Після цього вам не потрібно буде додавати будь-який інший JavaScript-файл вручну, замість цього, використовуйте метод Meteora.uses.

Зауважте, що всі скрипти Meteora поширюються розробниками проекту в папках, таким чином, що, якщо ви хочете завантажити, скажімо, «Plugins/Accordion.js», то вам потрібно прописати в коді сторінки щось подібне до цього:

// Meteora.uses('Directory.Filename');
Meteora.uses('Plugins.Accordion');

А Meteora автоматично тягнутиме всі необхідні скрипти.

Примітка. Щоб бути впевненим, що всі необхідні для коректної роботи скрипти завантажені, «огорніть» код в Meteora.onStart як показано нижче:

Meteora.onStart (
	function () {
		new ControlName (
			domNode,
			{
				option1: 'value1',
				option2: 'value2'
			}
		);
	}
);

За допомогою Meteora ви відносно легко зможе використовувати AJAX-підхід на своїх Web-сторінках. Наприклад, щоб оновити об’єкти, вам достатньо прописати:

domNode.setContent({url: '/ajax/content'});

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

Також читайте:

• Офіційний сайт Meteora — http://meteora.astrata.com.mx/ (англійською мовою).
• Форум проекту — http://meteora.astrata.com.mx/forum (англійською мовою).