УА   РУ   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—2018 Студия Дмитрия Бабича

Электронная почта: dima@babychstudio.com