Новости Joomla

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

GuDeVic

  • Захожу иногда
  • 228
  • 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

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

GuDeVic

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

sivers

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

GuDeVic

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

sivers

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

One Page Checkout

Автор Georgy4536

Ответов: 2
Просмотров: 434
Последний ответ 23.10.2022, 23:45:28
от gartes
Вывод картинки, находящейся внутри нескольких блоков, на всю ширину экрана

Автор GuDeVic

Ответов: 10
Просмотров: 505
Последний ответ 26.05.2022, 17:42:59
от marksetter
Просмотр документов на сайте

Автор riba

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

Автор mak200

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

Автор polezniy

Ответов: 0
Просмотров: 391
Последний ответ 06.07.2021, 02:26:14
от polezniy