Долгое время любил и люблю нативный javascript без всяких примочек и рамочек. Однако фреймворки — вещь полезная!
По долгу службы полюбил jQuery, и пусть судорожно вздохнут все противники, а холивары с завистью потрут руки, но для меня это хоть и не было любовью с первого взгляда — теперь $() в моем сердце.
И, чтобы не быть эгоистом, делюсь со всеми своим первым публичным плагином — hcloud
hcloud — Древовидное облако тэгов.
Например, «облако» любимых пород собак:
страшный экстремальный пример. На слабых компьютерах возможно зависание при генерации случайного дерева (20k-100k элементов).
Там же, в примере, можно посмотреть js-код и CSS.
У hcloud четыре параметра:
По долгу службы полюбил jQuery, и пусть судорожно вздохнут все противники, а холивары с завистью потрут руки, но для меня это хоть и не было любовью с первого взгляда — теперь $() в моем сердце.
И, чтобы не быть эгоистом, делюсь со всеми своим первым публичным плагином — hcloud
hcloud — Древовидное облако тэгов.
Вот такое сочетание несочетаемых компонент и определение «древовидное» носит исключительно семантический характер, а не визуальный.
Цель плагина
- множественный выбор в облаке тэгов
- отображение/скрытие «дочерних» тэгов
Как завести
Например, «облако» любимых пород собак:
<ul id="cloud">
<li value="11">
Овчарки
<ul>
<li value="30">Австралийская овчарка</li>
<li value="3">Бельгийская овчарка</li>
</ul>
</li>
<li value="18">
Терьер
<ul>
<li value="20">Эрдельтерьер</li>
<li value="50">
Фокстерьер
<ul>
<li value="4">Гладкошерстный</li>
<li value="1">Жесткошерстный</li>
</ul>
</li>
</ul>
</li>
</ul>
… применение плагина (думаю, что многие уже догадались как)$("#cloud").hcloud();
Смотрите простое демо с литературными жанрами, но есть и очень Там же, в примере, можно посмотреть js-код и CSS.
У hcloud четыре параметра:
var options = {
fontSizeRange: [8, 25], // диапазон размеров шрифта от меньшего к большему
colorRange: ["000000", "cccccc"], // диапазон цветов от темного к светлому
itemsSelector: "> li", // селектор элементов 1-го уровня
childrenSelector: "> ul > li" // селектор элементов N-уровня
};
В общем, первый кирпичик в наши отношения с jQuery я заложил. Если кто-то захочет сделать любовный треугольник или квадрат, куб, параллелепипед, то обязательно заведу проект в google code под лицензией MIT, а пока AS IS…