Версия для печати

Предполагается, что у вас есть сайт и необходимо сделать «версию для печати». С одной стороны задача довольно простая, особенно если сайт состоит из 10 страниц. В этом случае можно и в ручную сделать облегчённую версию для каждой страницы. Но зачастую сайт состоит из гораздо большего количества страниц и продолжает расти, в этом случае делать всё в ручную — занятие для мазохистов. Можно выделить два, наиболее очевидных, способа для автоматизации этого процесса.

Способ первый
При подключении таблицы стилей, обратим внимание на параметр «media», который отвечает за то, какому устройству, какой файл стилей передать. Именно это нам и нужно. Допустим, что у нас есть таблица стилей с именем «main.css». Делаем её копию с именем «print.css», после чего в коде всех страниц прописываем следующее:

<link rel="stylesheet" type="text/css" href="main.css" media="screen">
<link rel="stylesheet" type="text/css" href="print.css" media="print">

Возвращаемся к нашему файлу «print.css». Нам нужно, что бы на печать выводилась аккуратная страница без банеров, меню и прочего ненужного мусора. Всё это делается довольно просто. Открываем наш файл и начинаем редактировать. Допустим, что меню у нас описано так:

.menu { font-weight: normal; font-size: 8pt; background-color: #bbbbbb }

Нам нужно всё это отключить, поэтому пишем:

.menu { display:none }

Всё, в «печатной версии» меню отсутствует. Точно так же поступаем со всеми остальными частями страницы, которые нам не нужны.

Теперь мы имеем следующее: при просмотре страницы всё нормально, она отображается соответственно параметрам, прописанным в «main.css», а при печати через «файл/печать», на печать идёт страница с подключённым «print.css». То есть на печать выводится аккуратная страница без банеров, меню и прочего ненужного мусора.

В итоге мы получили универсальный способ создание «версии для печати» который не требует никаких дополнительных затрат и платного хостинга для запуска скриптов.

Способ второй
Второй способ подразумевает, что у вас есть возможность запускать скрипты. В этом случае всё ещё проще. На страницах расставляются метки и , после чего пишется простейший скрипт через который прогоняется страница и на экран выдаётся только текст стоящий между метками. Скрипт действительно довольно простой, но если нет желания или возможности написать его лично, можно взять что-нибудь готовое, вроде этого.

Итак, скрипт у вас уже стоит, осталось только подключить его к странице. В то место, где у вас будет красоваться надпись «версия для печати» пишем:

<a onClick="location.href='print.php?page='+location.href; return false;" href="#">Версия для печати</a>

Где «print.php?page=», это — имя скрипта с параметрами, которому передаётся адрес текущей страницы. Всё, при нажатии на ссылку «версия для печати» вы получите аккуратную страницу без банеров, меню и прочего ненужного мусора, которую можно без проблем распечатать.

1 января 2004



About the Author