УА   РУ   EN   FR
 


Columnizer

Завантажити версію 0.1.2
08.10.2011


Автор скрипта — Дмитро Бабич <dima@babychstudio.com>


Колумнайзер було створено, коли ми зіткнулися із розробкою декількох сайтів одночасно, що використовують верстку колонками. Рішення через CSS виявилося неуніверсальним, тому ми змушені були звернутися до програмних доповнень. Після пошуку и численних експериментів з кількома колумнайзерами було прийняте рішення створити свій, оскільки жоден з найдених варіантів не міг задовольнити потреб і був далеким від ідеалу.

 

Колумнайзер від Студії Дмитра Бабича


Колумнайзер — це програмний скрипт, що написан мовою Javascript. Від розбиває HTML-верстку на колонки (окремі блоки DIV). Оскільки на сьогоднішній день далеко не всі браузери підтримують автоматичне розбиття на колонки шляхом використання CSS, створений нами скрипт вирішує цю проблему практично для всіх актуальних версій браузерів.

Колумнайзер не використовує для роботи jQuery, що, безумовно, значно зменшує загальний об’єм файлів, потрибний для завантаження HTML-сотрінки.


Підключення Колумнайзера

Для того щоб підключити Колумнайзер до вашою сторінки, необхідно завантажити його (завантажити Колумнайзер) і розпакувати ZIP-архів.

Запуск Колумнайзера на виконання робиться наступним шляхом:

document.getElementById('from').dbabych_columnize(params);

де:
document.getElementById('from') — елемент, що необхідно розбити на колонки
params — об’єкт з параметрами розбиття на колонки


Параметри Колумнайзера

width — ширина колонки в пкс
height — висота колонки в пкс
col_class — клас стилю, що прописується для колонок
cols_block_obj — об’єкт, що містить потік колонок, для керування в функції done_func
done_func — функція, що буде запущена після розбиття на колонки
target — блок, у який іде запис колонок в результаті розбиття


Приклад запуска Колумнайзера

document.getElementById('from').dbabych_columnize({
    width: 320,
    height: 380,
    done_func: function() {
        alert('Columnization complete!');
    },
    target: document.getElementById('to')
});

Приклад запуска Колумнайзера можна подивитися тут.




Колумнайзер поширюється Студією Дмитра Бабича безкоштовно. В разі використання Колумнайзера підпис автора в вихідному файлі програмного кода Javascript повинен бути збережений. Студія Дмитра Бабича не несе відповідальності за можливі наслідки або збитки, причинені будь-кому, при використанні нашого Колумнайзера без нашої ініціативи.



БЕЗ ГМО
© 2001—2021 Студія Дмитра Бабича

Електронна пошта: dima@babychstudio.com