Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Печать части страници (https://javascript.ru/forum/misc/12938-pechat-chasti-stranici.html)

diiimonn 09.11.2010 12:28

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

monolithed 09.11.2010 12:40

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

Skipp 09.11.2010 12:45

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

diiimonn 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 09.11.2010 12:55

удалено.

2de 09.11.2010 13:20

Цитата:

Сообщение от diiimonn (Сообщение 78266)
print.css
* {display: none;}
#printer {display: block !important; visibility: visible;}

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

Aetae 09.11.2010 21:08

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

vladlen 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 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 11.11.2010 16:53

Цитата:

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


Часовой пояс GMT +3, время: 18:49.