Понедельник, 06.05.2024, 03:09

Мой сайт

Скрипты,шаблоны для ucoz


Реализация версии для печати материала на сайт uCoz
17.10.2015, 10:37
На некоторых сайтах можно найти такую ссылку "Версия для печати". Эта ссылка выводит в облегченную версию материала, предназначенную для распечатки на принтере. Попробуем реализовать подобное при помощиJavaScript.Для начала, сам скрипт:
Прописываем его на странице материала и комментариев,перед тегом </head>

Код
<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;">© Рукоделие-моё хобби <\/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>


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

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


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

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


В качастве параметра для функции atoprint передаем id div блока. Все, просмотр сделан. Теперь нажав на ссылку "Версия для печати" будет открываться новое окно с облегченным содержанием для печати. Незабудьте заменить копирайт в скрипте на свой, иначе я стану автором Вашего материала
Категория: Скрипты для uCoz | Добавил: Дмитрий
Просмотров: 845 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
avatar
Категории раздела
Скрипты для uCoz [188]
Шаблоны для uCoz [80]
Графика для сайта [29]
Программы для сайта [5]
uCoz уроки [19]
Web статьи [4]
VIP работы [3]
Поиск
Вход на сайт
Наш опрос
Хотели бы Вы создать бизнес вместе с Ucoz (Uweb)?
Мини-чат
Друзья сайта
Статистика

Сейчас онлайн: 1
Гостей: 1
Пользователей: 0