На этой странице реализована "Версия для печати". Это сделано с помощью скрипта:
<script type="text/javascript"language="javascript"><!--
function atoprint(aId) {
var atext =document.getElementById(aId).innerHTML;
var captext = window.document.title;
var alink = window.document.location;
var prwin = open('');
prwin.document.open();
prwin.document.writeln('<html><head><title>Версия для печати<\/title><\/head><body text="#000000" bgcolor="#FFFFFF"><div onselectstart="return false;" oncopy="return false;">');
prwin.document.writeln('<div style="margin-bottom:5px;"><a href="javascript://" onclick="window.print();">Печать<\/a> • <a href="javascript://" onclick="window.close();">Закрыть окно<\/a><\/div><hr>');
prwin.document.writeln('<h1>'+captext+'<\/h1>');
prwin.document.writeln(atext);
prwin.document.writeln('<hr><div style="font-size:8pt;margin-top:20px;">© kmp<\/div>');
prwin.document.writeln('<div style="font-size:8pt;">Страница материала: '+alink+'<\/div>');
prwin.document.writeln('<div style="margin-top:5px;"><a href="javascript://" onclick="window.print();">Печать<\/a> • <a href="javascript://" onclick="window.close();">Закрыть окно<\/a><\/div>');
prwin.document.writeln('<\/div><\/body><\/html>');
}--></script>
Данный скрипт Прописывается в теле контейнера HEAD, или выносится в отдельный js файл.
Та часть материала, которую необходимо вывести на печать помечется с помощью контейнера DIV:
<div id="MessForPrint">Тут текст сообщения для печати...</div>
Необходимо добавить ссылку, по которой будет открываться окно для печати (с текстом, избавленным от всех ненужных элементов).
В данном примере это следующий фрагмент (выделен сиреневым цветом):
Именно эта часть документа назначена kmp в версию для печати.
Именно она помечена с помощью контейнера DIV
Существуют и применяются другие способы.
Например, можно создать отдельную страницу с версией для печати и на основной странице даёте ссылку на эту печатную версию. Пользователь по ней переходит и через "Файл"->"Печать" он её распечатает.
Модно создать отдельную таблицу стилей CSS, где Вы скроете все лишние блоки (через display: none;) и поставите соответствующие размеры у выводимого контента. Дальше такой файл стилей подключается следующим образом:
<link rel="stylesheet" type="text/css" media="print" href="print.css" />
Теперь если пользователь захочет распечатать эту страницу, то распечатается не то, что он видит, а то, что прописано в print.css. Фактически, пользователь видит страницу в одном виде, а принтер в совсем другом.
Полезно продублировать ссылку на "Версию для печати" в нижней части большого документа.
Версия для печати