Делаем "Версия для печати"
Скрипты
x;z-index:1 }
Делаем "Версия для печати"
оценок: 34, отзывов: 8
На некоторых сайтах можно найти такую ссылку "Версия для печати". Эта ссылка выводит в облегченную версию материала, предназначенную для распечатки на принтере. Попробуем реализовать подобное при помощи JavaScript.
Для начала, сам скрипт:
Code
<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;">© Портал SzenProgs.ru<\/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>');
prwin.document.close();
}
--></script>
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;">© Портал SzenProgs.ru<\/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>');
prwin.document.close();
}
--></script>
Прописываем его в теле HEAD, или выносим в отдельный js файл.
Теперь нужно пометить ту часть материала, которую выведем на печать. Это сделаем при помощи DIV.
Code
<div id="MessForPrint">Тут текст сообщения для печати...</div>
MessForPrint - это тот id, состав которого будем на печать отправлять.
Теперь сделаем ссылку, по которой будем открывать окно с облегченным текстом.
Code
<a href="javascript://" onclick="atoprint('MessForPrint');">Версия для печати</a>
В качастве параметра для функции atoprint передаем id div блока. Все, просмотр сделан. Теперь нажав на ссылку "Версия для печати" будет открываться новое окно с облегченным содержанием для печати. Незабудьте заменить копирайт в скрипте на свой, иначе я стану автором Вашего материала 
.
Вы можете присоедениться к моему микроблогу в Твиттере @SzenProgs. Буду благодарен, если оцените мой труд, и щелкните по звездочкам ниже.
x;z-index:1 }Google+
Делаем "Версия для печати"
Скрипты
Скрипты, инструкции, справочники
| Категория: | Скрипты |
| Просмотрено: | 17868 |
| Рейтинг: | 4.3/34 |
| Дата добавления: | 2009-03-20 12:43, Пятница |
| Добавил: | Szen |
| Теги: | версия для печати, скрипт, печать, версия |
Рекомендуем
Дополнительно к Делаем "Версия для печати"
Мини-форум
| № 0 | 2009-03-20 12:43 |
Szen | Здесь вы можете задать вопрос или оставить комментарий по теме "Делаем "Версия для печати"". |
| Гость |
| № 2 | 2012-02-05 06:20 |
| SergL | Здравствуйте, подскажите, такой способ подходит к сайтам на Wordpress? И если да, то так как я пока совсем не силен в этих делах, то разъясните пожалуйста, в какое место какого файла темы нужно внести <div id="MessForPrint">Тут текст сообщения для печати...</div> и чем нужно заменить MessForPrint? Заранее спасибо. |
| Сергей |
| № 4 | 2015-03-22 17:55 |
Szen | vera350, удаляете строку Код prwin.document.writeln('<hr><div style="font-size:8pt;margin-top:20px;">© Портал SzenProgs.ru<\/div>'); |
| Szen |
| № 5 | 2015-03-22 20:46 |
vera350 | Я не про эту рекламу имела ввиду . На скрине посмотрите что я имела ввиду, я стрелкой указала http://pokazal.ru/2015_04_b/465b0da73e7d551778ac0735167aa41f.png |
| Вера |
| № 6 | 2015-03-23 08:48 |
| Szen | vera350, платно. Там прямо под рекламой ссылка "убрать рекламу на сайте". Переходим, выбираем тариф, оплачиваем. Все - рекламы нету. )) Полностью рекламу убирает тариф начиная от второго. |
| Szen |
| № 7 | 2015-08-30 13:05 |
TOLIAXA | Здравствуйте. Такая проюлема: Установил код на страницы сайта но версия для печати не видит сам текст сообщения а только название страницы. Вот например ссылка на страницу http://admsahuli.3dn.ru/index/reshenie_41_1_ob_otmenene_reshenija_39_1_prinjatii_ustava/0-4 Прошу ответить |
| Анатолий |
| № 8 | 2015-08-30 13:29 |
| TOLIAXA | Цитата TOLIAXA Здравствуйте. Такая проюлема: Установил код на страницы сайта но версия для печати не видит сам текст сообщения а только название страницы. Вот например ссылка на страницу http://admsahuli.3dn.ru/index/reshenie_41_1_ob_otmenene_reshenija_39_1_prinjatii_ustava/0-4 Прошу ответить А нет все получилось) |
| Анатолий |
Учавствовать в обсуждении "Делаем "Версия для печати"" могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Нас находят по этим запросам:
Делаем "Версия для печати",
Делаем "Версия для печати" Скрипты,
Делаем "Версия для печати" Блог,
Делаем "Версия для печати" читать,
Делаем "Версия для печати" Блог читать,
Делаем "Версия для печати" Скрипты читать,
Делаем "Версия для печати" онлайн,
Делаем "Версия для печати" Скрипты online
Реклама
Кнопка портала
Посетители
Зарегистрированных посетителей не было.
Друзья портала
Вакантное место для вашей рекламы!
Личный блок
Новости сайта
2012-10-19 02:44
2012-10-13 02:26
2012-09-07 01:03
2012-08-03 23:01
2011-12-27 10:38
Опрос
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
