VPF::Печать страницы вместе с графикой

SergV

Дата 20.3.2010, 12:04 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 197
Регистрация: 4.8.2006
Где: Германия

Репутация: нет
Всего: 1

Привет!

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

Имеется следующий код:

Код


<script>
function Print(){
text = document.getElementById('content').innerHTML;
printwin = open('', 'printwin', 'width=720,height=900');
printwin.document.open();
printwin.document.writeln('<html><head><title></title>');
printwin.document.writeln('<link rel="stylesheet" href="style.css" type="text/css" media="print" />');
printwin.document.writeln('</head><body onload=print();close()>');
printwin.document.writeln(text);
printwin.document.writeln('</body></html>');
printwin.document.close();
}
</script>
<br />
<div id="content">
text+background
</div>

Где - media="print" вроде как должен был бы говорить браузеру, что это печать. Но что с ним, что без него, на печать выводится только текст без фона.
В моём случае нужен фон обязательно..

Проверял только в Firefox, возможно в других браузерах и работает, но мне надо чтобы во всех работало.

Помогите плиз разобраться, что нужно добавить или изменить в коде, чтобы печаталось с графикой.
Я пытался найти ответ в поисковике, но что то всё не то находил.

EmilRegis

Дата 22.3.2010, 09:29 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 306
Регистрация: 21.9.2007

Репутация: 3
Всего: 4

в css задать

Код


@media print { /* Стиль для печати */
    .yourclass{
       background-image: url('img.png');
    }
 }

попробуйте,может получится)

SergV

Дата 22.3.2010, 18:13 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 197
Регистрация: 4.8.2006
Где: Германия

Репутация: нет
Всего: 1

EmilRegis, я с ксс работаю не первый день, но о таком способе слышу первый раз, и как и предположил сразу, способ не работает, а точнее сказать, он вообще убивает стиль.

EmilRegis

Дата 23.3.2010, 07:07 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 306
Регистрация: 21.9.2007

Репутация: 3
Всего: 4

мне самому ни разу не приходилось выводить красоту на печать, но
http://htmlbook.ru/css/@media.html
пишет,что это так и делается

skinny

Дата 25.3.2010, 13:17 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 7
Регистрация: 2.12.2007

Репутация: нет
Всего: нет

Код



<a href="javascript:
   var wwidth=screen.width-300;var hheight=screen.height-250;var lleft=(screen.width-wwidth)/2;
   var printwin=window.open('./uploaded/imgs/img029.jpg', 'popup_print',  
   'width='+wwidth+',height='+hheight+', left='+lleft+', top=25, scrollbars=no, menubar=yes');
   printwin.window.print();">
      <img src="./templates/_default/print-icon.gif" alt="печать" border="0">
</a>

при нажатии на ссылку должно открыться popup окно, и сразу должен появиться диалог печати документа.
Проблема вот в чём, в IE всё гут, а вот в мазиле на печать выводиться чистый лист, хотя если диалог отправки на печать закрыть и нажать просто файл - печать то всё нормально, на печать выводиться как положено.

Это сообщение отредактировал(а) skinny - 25.3.2010, 13:19

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »