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

 

На этой странице реализована "Версия для печати". Это сделано с помощью скрипта:


<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. Фактически, пользователь видит страницу в одном виде, а принтер в совсем другом.

Полезно продублировать ссылку на "Версию для печати" в нижней части большого документа.

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