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

Скрипты

Делаем "Версия для печати"
оценка: 4.3 из 5
оценок: 32, отзывов: 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>

Прописываем его в теле HEAD, или выносим в отдельный js файл.

Теперь нужно пометить ту часть материала, которую выведем на печать. Это сделаем при помощи DIV.

Code
  <div id="MessForPrint">Тут текст сообщения для печати...</div>

MessForPrint - это тот id, состав которого будем на печать отправлять.

Теперь сделаем ссылку, по которой будем открывать окно с облегченным текстом.

Code
  <a href="javascript://" onclick="atoprint('MessForPrint');">Версия для печати</a>

В качастве параметра для функции atoprint передаем id div блока. Все, просмотр сделан. Теперь нажав на ссылку "Версия для печати" будет открываться новое окно с облегченным содержанием для печати. Незабудьте заменить копирайт в скрипте на свой, иначе я стану автором Вашего материала Smile.

Вы можете присоедениться к моему микроблогу в Твиттере @SzenProgs. Буду благодарен, если оцените мой труд, и щелкните по звездочкам ниже.




Делаем "Версия для печати"
Скрипты
Скрипты, инструкции, справочники

rss
Категория:Скрипты
Просмотрено:14813
Рейтинг:4.3/32
Дата добавления:2009-03-20 12:43, Пятница
Добавил:Szen
Теги:версия для печати, скрипт, печать, версия

Мини-форум

№ 02009-03-20 12:43
Szen
Аватар участника Szen
Здесь вы можете задать вопрос или оставить комментарий по теме "Делаем "Версия для печати"".
Гость
№ 1
2009-03-24 22:57 Спам
Szen
Аватар участника Szen
Кто желает показать свой вариант - прошу пожаловать. Пишите.
Szen · WWW
№ 2
2012-02-05 06:20 Спам
SergL
Аватар участника SergL
Здравствуйте, подскажите, такой способ подходит к сайтам на Wordpress? И если да, то так как я пока совсем не силен в этих делах, то разъясните пожалуйста, в какое место какого файла темы нужно внести <div id="MessForPrint">Тут текст сообщения для печати...</div> и чем нужно заменить MessForPrint? Заранее спасибо.
Сергей
№ 3
2015-03-22 14:20 Спам
vera350
Аватар участника vera350
А как рекламу убрать на странице печати ?
Вера
№ 4
2015-03-22 17:55
Szen
Аватар участника 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
Аватар участника vera350
Я не про эту рекламу имела ввиду .
На скрине посмотрите что я имела ввиду, я стрелкой указала
http://pokazal.ru/2015_04_b/465b0da73e7d551778ac0735167aa41f.png
Вера
№ 6
2015-03-23 08:48
Szen
Аватар участника Szen
vera350, платно. Там прямо под рекламой ссылка "убрать рекламу на сайте". Переходим, выбираем тариф, оплачиваем. Все - рекламы нету. ))

Полностью рекламу убирает тариф начиная от второго.
Szen
№ 7
2015-08-30 13:05 Спам
TOLIAXA
Аватар участника 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
Цитата TOLIAXA
Здравствуйте.
Такая проюлема:
Установил код на страницы сайта но версия для печати не видит сам текст сообщения а только название страницы.
Вот например ссылка на страницу http://admsahuli.3dn.ru/index/reshenie_41_1_ob_otmenene_reshenija_39_1_prinjatii_ustava/0-4
Прошу ответить


А нет все получилось)
Анатолий
Учавствовать в обсуждении "Делаем "Версия для печати"" могут только зарегистрированные пользователи.
Реклама
Кнопка портала
Друзья портала
Вакантное место для вашей рекламы!
RSS лента Блога
RSS лента Каталога файлов
RSS лента Новостей
Будьте в курсе событий.
Введите ваш email:

Личный блок
  • Гость портала.
  • Личных данных нет.
Вход на сайт
Регистрация
Опрос
Как вы используете файл-хостинги?
Всего ответов: 167
Статистика
Valid HTML 4.01 Transitional

Яндекс цитирования



Онлайн всего: 1
Гостей: 1
Пользователей: 0
Портал SzenProgs.ru © 2008 - 2017 · Условия
Администратор и дизайнер портала: Szen
Хостинг от uCoz