0 Пользователей и 1 Гость просматривают эту тему.
  • 5 Ответов
  • 194 Просмотров
*

GuDeVic

  • Захожу иногда
  • 204
  • 0 / 0
Здравствуйте!
В примере:
Код
 <a onclick="MyPrint1();" href="#">TestPrint</a>
<br />
<h1>Big Company</h1>
<div id="NDA1" class="page-break-after">
<h3>NDA #1</h3>
<p>This project is top secret. You are the only one in the world to ever know about this project (outside of yours truly).</p>
<p>&nbsp;</p>
</div>
<div id="NDA2" class="page-break-after">
<h3>NDA #2</h3>
<p>This project is top secret but not as secret as NDA #1. You will like this proejct though...it includes visits to farms.</p>
</div>
<button id="btnPrint" class="no-print btn btn-primary">Print</button>
CSS:
Код
@media print {
  .no-print, .no-print *
  {
    display: none !important;
  }
  div.page-break-after {
    display: block !important;
    page-break-after: always;
    padding: 15px;
    border: 1px solid #ccc;
  }
}
При нажатии на кнопку Print блоки <div id="NDA1"> и <div id="NDA2"> выводятся на печать на разных страницах.
Но это пример.
А при печати по ссылке TestPrint 
Код
<script type="text/javascript">
function MyPrint1(){       
var printText1 = document.getElementById('NDA1').innerHTML;
var printText2= document.getElementById('NDA2').innerHTML;
var windowPrint = window.open('','','left=30,top=0,width=800,height=640,toolbar=0,scrollbars=1,status=0');
windowPrint.document.write(printText1);
windowPrint.document.write(printText2);
windowPrint.document.close();
windowPrint.focus();
windowPrint.print();
windowPrint.close();
}
</script>
разбиение на страницы не происходит.
Что я делаю не так?
*

sivers

  • Завсегдатай
  • 1865
  • 256 / 0
Что я делаю не так?
Скорее всего забываете подключить css-блок из примера (который содержит @media print) в том новом окне, которое по клику открывается.
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
*

GuDeVic

  • Захожу иногда
  • 204
  • 0 / 0
Скорее всего забываете подключить css-блок из примера (который содержит @media print) в том новом окне, которое по клику открывается.
Так и кнопка Print, и ссылка TestPrint находятся на одной странице и обращаются к одним и тем же блокам. Разве @media print для них разный?
*

sivers

  • Завсегдатай
  • 1865
  • 256 / 0
innerHTML берет только теги, вложенные внутрь блока - без тега верхнего уровня, к которому применен innerHTML, но именно на нем прописаны классы, к котоым в CSS привязан разрыв страницы.
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
*

GuDeVic

  • Захожу иногда
  • 204
  • 0 / 0
innerHTML берет только теги, вложенные внутрь блока - без тега верхнего уровня, к которому применен innerHTML, но именно на нем прописаны классы, к котоым в CSS привязан разрыв страницы.
Большое спасибо!
*

sivers

  • Завсегдатай
  • 1865
  • 256 / 0
на здоровье
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Просмотр документов на сайте

Автор riba

Ответов: 4
Просмотров: 328
Последний ответ 06.10.2021, 14:40:18
от khan-alex
Расширениет для вставки документов в материал

Автор mak200

Ответов: 1
Просмотров: 284
Последний ответ 02.08.2021, 03:43:18
от pavelrer
Что за странный адресс появляется при проверке Page speed

Автор polezniy

Ответов: 0
Просмотров: 169
Последний ответ 06.07.2021, 02:26:14
от polezniy
Условие для скрытия контента на нескольких страницах

Автор ukrart

Ответов: 2
Просмотров: 192
Последний ответ 05.07.2021, 10:38:27
от ukrart
Страница в SP Page Builder нет привью

Автор shelkyxa

Ответов: 0
Просмотров: 142
Последний ответ 24.06.2021, 10:41:48
от shelkyxa