Как стать автором
Обновить

Meteora

JavaScript *
Уже имеется множество javascript фреймворков, инструментов, множество обсуждалось и тут, однако один очень интересный проект мы упустили из виду. Итак, встречайте



Сам по себе это не самостоятельный фрэймворк, это набор виджетов (как их называют разработчики проекта). Сам пакет основан на MooTools. Однако имеет уже множество встроенных функций, таких как автокомплит, календари и т.п.

Сам дистрибутив занимает порядка мегабайта и состоит из множества папок. Упакованный вариант пакета (в архиве папка compact-source) занимает 380Кб. В нем и листы стилей, и пиктограммки требуемые для билиотек, и сами библиотеки. Интересно то, что для подключения этого пакета к вашему сайту необходимо подключить только один файл скрипта — минимальное ядро.
<скрипт type=«text/javascript» src="/js/meteora/meteora.js" />

А если надо подгрузить какой-то компонент (называемый Control), то уже можно использовать javascript. например:
Meteora.uses('Control.Controlname');

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

После того, как мы подгрузили Control мы можем создавать объект
new ControlName(
'objectId',
{
option1: 'value1',
option2: 'value2'
}
);
У разных Control эти опции разные, но все они хорошо документированы

Для решения проблем, связанных с тем что не успевает загрузится DOM имеется стандартное решение
Meteora.onStart(
function() {
new ControlName(
domNode,
{
option1: 'value1',
option2: 'value2'
}
);
}
);

Продолжать не стану, так как на оффсайте и так все понятно. Просто опишу мой случай, как я собственно и нашел этот набор.

Для интерфейса мне понадобилось поле типа SpinButton (Это где рядом с текстовым полем есть двунаправленная стрелка для изменения цифр или еще чего-то в поле) где нужно было выбирать определенную сумму с заданными пределами (от 3 до «восьмерки-на-боку») и шагом 0.10

На мое удивление это оказалось достаточно просто.
Я подключил этот пакет, как указано выше, подгрузил нужную мне библиотеку
Meteora.uses('Control.Spinbutton');
и ввел параметры спина.
Meteora.onStart(
function () {
new Spinbutton('amount', {
'defaultValue': 3.0,
'minValue': 3,
'step': 0.1
});
}

теперь input c id=«amount» приобрел нужный функционал. мелочи конечно, но для подобных случаев думаю этот пакет будет всем очень полезен

А вот и адрес, по которому собственно и можно взять этот пакет и документацию по нему — meteora.astrata.com.mx
Теги: meteoramootoolswidget
Хабы: JavaScript
Всего голосов 35: ↑34 и ↓1 +33
Комментарии 44
Комментарии Комментарии 44

Похожие публикации

Лучшие публикации за сутки