Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 28.12.2013, 00:15
Новичок на форуме
Отправить личное сообщение для unomomento Посмотреть профиль Найти все сообщения от unomomento
 
Регистрация: 28.12.2013
Сообщений: 4

Вывести на печать DIV как его видно в браузере (с учетом фона с стилей)
Проблема в том, что DIV распечатывается избирательно: background-image выпадает полностью, прозрачность, закругления углов и другие элементы оформления не учитываются.

Задача вывести на печать DIV так как его видно в браузере или близко к этому.
Поделитесь, пожалуйста опытом, как это сделать. Спасибо!
Ответить с цитированием
  #2 (permalink)  
Старый 28.12.2013, 00:26
Новичок на форуме
Отправить личное сообщение для unomomento Посмотреть профиль Найти все сообщения от unomomento
 
Регистрация: 28.12.2013
Сообщений: 4

Вот так
http://stackoverflow.com/questions/2...tents-of-a-div
Ответить с цитированием
  #3 (permalink)  
Старый 28.12.2013, 00:30
Новичок на форуме
Отправить личное сообщение для unomomento Посмотреть профиль Найти все сообщения от unomomento
 
Регистрация: 28.12.2013
Сообщений: 4

Но, я думаю смысл даже не в этом.
Потому что если я просто сохраняю нужный див в отельную страницу, открываю ее в браузере (в окне браузера ничего кроме этого дива нет).
Нажимаю в браузере вручную Печать, то все равно распечатывается без фоновых изображений, без учета стилей и т.д.

Нужно видимо что-то с дивом сделать, чтоб он корректно вывелся на печать...
Ответить с цитированием
  #4 (permalink)  
Старый 28.12.2013, 00:32
Профессор
Отправить личное сообщение для Rise Посмотреть профиль Найти все сообщения от Rise
 
Регистрация: 07.11.2013
Сообщений: 4,662

Ну так раскомментируй эту строку:
/*optional stylesheet*/ //mywindow.document.write('<link rel="stylesheet" href="main.css" type="text/css" />');

main.css нужные стили...
Ответить с цитированием
  #5 (permalink)  
Старый 28.12.2013, 00:43
Новичок на форуме
Отправить личное сообщение для unomomento Посмотреть профиль Найти все сообщения от unomomento
 
Регистрация: 28.12.2013
Сообщений: 4

Бесполезно.
Вот пример, чтоб было понятнее в чем вопрос. Он не именно в этом методе.

Сохраняем в отдельный файл, например такой код
Код:
<div style="background-image:url('any.jpg'); width:500px; height:230px; border-radius: 5px 5px 5px 5px; float:left;">
123
</div>
где стиль уже прописан.
Нажимаем в браузере Печать с предварительным просмотром и уже там стили почему-то отвалятся...
А если прозрачность дива установлена через opacity, то его вообще на печати не будет!
Из любого браузера печатаются только цифры 123 и все. В этом проблема. Не понимаю как ее решить.

Последний раз редактировалось unomomento, 28.12.2013 в 00:50.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
как вывести текст radio в div Dux Общие вопросы Javascript 2 28.08.2013 16:09
Управление скроллом "а-ля тач" HonesT Элементы интерфейса 2 27.08.2013 14:25
О наследовании событий, или как корректно его отменить. JCShen Events/DOM/Window 8 09.02.2010 00:00