Форум

diiimonn · #1 (**permalink**) 09.11.2010, 12:28

Здравствуйте,
window.print() как я понимаю печатает весь документ.
Как же все таки напечатать часть страницы?

monolithed · #2 (**permalink**) 09.11.2010, 12:40

Не уверен, но можно выделенный текст открывать в новом окне и вызвать window.print(), после window.close(), либо через iframe.

Skipp · #3 (**permalink**) 09.11.2010, 12:45

diiimonn,
Смотрите css -> media

diiimonn · #4 (**permalink**) 09.11.2010, 12:49

а чтоб без нового окна можно?
я вот пытаюсь как-то с помощью css сообразить.
но пока не очень получается.
примерно так:
html
...
<link rel="stylesheet" type="text/css" href="/css/print.css" media="print" />
...
<div id="printer">
Превед!
</div>
...
<input type="button" onclick="window.print()" name="print" value="Печать"/>

print.css
* {display: none;}
#printer {display: block; visibility: visible;}

может в css ошибка, т.к. печатает пустой лист и две надписи: название страницы и url , кстати, не знаете как от них избавиться?

Gozar · #5 (**permalink**) 09.11.2010, 12:55

удалено.

2de · #6 (**permalink**) 09.11.2010, 13:20

Сообщение от diiimonn

print.css

* {display: none;}
#printer {display: block !important; visibility: visible;}

Попробуйте так, а вообще сперва смотрите прдеварительный просмотр.

Aetae · #7 (**permalink**) 09.11.2010, 21:08

Лолвот?
* {display: none;} - убивает ВСЁ.
Т.е. что бы вы дальше не писали - бессмысленно, ибо всё что находится в элементе с 'display: none', скрыто в любом случае.

<div style='display: none'>
    <div style='display: block'>ololo</div>
</div>

vladlen · #8 (**permalink**) 11.11.2010, 02:28

Сообщение от Aetae

* {display: none;} - убивает ВСЁ

В широком смысле да, в частности нет. Любой селектор указанный ниже этого объявления будет его перекрывать. CSS обрабатывается сверху донизу.

<style>
* {display: none}
html, body, #govno{display: block}
</style>
<body>
<div id="govno">Govno</div>
</body>

Aetae · #9 (**permalink**) 11.11.2010, 04:05

ну это какбэ очевидно)
Но всё равно так делать не стоит, ибо:

<style>
* {display: none}
html, body, #govno{display: block}
</style>
<body>
<div id="govno">Govno <span>desu</span></div>
</body>

Jurasmi · #10 (**permalink**) 11.11.2010, 16:53

Цитата:

Здравствуйте,
window.print() как я понимаю печатает весь документ.
Как же все таки напечатать часть страницы?

Недавно искал такую штуку.
Нашел: вот
Работает.

Форум

Справочник

Discord чат

Курсы javascript