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

Скрипты

x;z-index:1 }
Делаем "Версия для печати"
оценка: 4.3 из 5
оценок: 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>

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

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

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

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

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

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

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

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

x;z-index:1 }


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

rss
Категория:Скрипты
Просмотрено:17732
Рейтинг:4.3/34
Дата добавления: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:

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

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



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