Распечатка области страницы, в хроме пустая страница, как исправить?

Question

[Антон Вебсайтовский]

Здравствуйте, поставил скрипт для распечатки определенной области страницы по id.
В мозиле все ок, в хроме пустая страница. скрин ниже. в ie открывает и есть контент для печати, но не печатает автоматом, если закрыть окно и по новой нажать печать в ie то выскакивает окно печати все ок.

скрин хрома
Рабочий примет тут
https://jsfiddle.net/y9x0ojtb/2/

Кнопка для открытия окна и печати

<a onClick="javascript:CallPrint('print-content');" title="Распечатать прайс">
  <div class="priceprint"><b>Распечатать прайс</b></div></a>

Блок для печати

<div id="print-content" style="display:none">
Текст, текст, текст....
</div>

js

<script language="javascript">
  function CallPrint(strid) { var prtContent = document.getElementById(strid); var prtCSS = '<link rel="stylesheet" href="/media/css/frontend/printprice.css" type="text/css" />'; var WinPrint = window.open('','','left=50,top=50,width=900,height=900,toolbar=0,scrollbars=1,status=0'); WinPrint.document.write('<div id="print" class="contentpane">'); WinPrint.document.write(prtCSS); WinPrint.document.write(prtContent.innerHTML); WinPrint.document.write('</div>'); WinPrint.document.close(); WinPrint.focus(); WinPrint.print(); WinPrint.close(); prtContent.innerHTML=strOldOne;
}
</script>

Скрин ie

Answer 1

[Ярослав Иванов]

https://jsfiddle.net/space2pacman/y9x0ojtb/4/
"/media/css/frontend/printprice.css" jsfiddle не видит этого так как в нем этого и нет. Уберите эту строку или добавьте css файл.

Comments

[Антон Вебсайтовский]

Здравствуйте, работает, спасибо, а как титле вывести? а то когда сохраняешь там просто # имя файла.

[Антон Вебсайтовский]

Хотя я ошибся, в хроме все равно пусто.

[Ярослав Иванов]

Антон Вебсайтовский: что пусто?) у меня тест выводит

[Антон Вебсайтовский]

Странно, этот показывает https://jsfiddle.net/space2pacman/y9x0ojtb/4/, но там без css в чем же дело выходит в css.

[Ярослав Иванов]

Антон Вебсайтовский: а что в том css ?

[Антон Вебсайтовский]

.priceprint {
display: inline-block;
border-radius: 3px;
height: 43px;
line-height: 13px;
padding: 0 12px 0 45px;
background: #000;
color: #fff;
font-size: 12px;
text-transform: uppercase;
text-align: center;
width: 130px;
margin-bottom: 30px;
}

.priceprint b {
font-weight: 400;
height: 43px;
display: table-cell;
vertical-align: middle;
}

.priceprint a {
color: #000;
}

.priceprint:hover {
background: #ccc;
color: #000;
}

.printprice {
margin: 20px;
color: #000;
}

.printprice td {
border: 1px solid #efefef;
padding: 5px 10px 5px 10px;
}

.printprice tr {
border: 1px solid #efefef;
}

.printprice table {
border-collapse: collapse;
width: 815px;
background: #fcfcfc;
}

.printprice tr:nth-child(2n) {
background: #f7f7f7;
}

.zag b {
font-weight: 400;
color: #39518b;
font-size: 12px;
}

.cen {
color: #000;
font-size: 12px;
}

.cen b {
color: #4D70C4;
font-size: 13px;
}

.artcl {
color: #777;
font-size: 12px;
}

.artcl b {
color: #333;
font-size: 12px;
}

[Антон Вебсайтовский]

все это для таблици стили. все больше там ничего нет. в данном файле.

[Антон Вебсайтовский]

подскажите как еще титле прописать. там ведь не только выбрать принтер можно но и преобразовать в pdf.

[Ярослав Иванов]

Антон Вебсайтовский: Выбор принтера и pdf это уже от браузера зависит )

[Антон Вебсайтовский]

Ярослав Иванов: верно, вот я пока проблему не решил, не могу понять почему он не хочет.

[Ярослав Иванов]

Антон Вебсайтовский: Так что не хочет-то?) у меня текст есть. Во всех браузерах.

[Антон Вебсайтовский]

Ярослав Иванов: верно текст есть, если стили убирать, а если со стилями то ничего

[Антон Вебсайтовский]

да без css все есть, странно, бля, я уже и напрямую ссылку на стили прописывал. и тож нихера.