Пустить на печат часть документа html

[rasandrey]

Есть html страница. На странице очень много div-ов, нужно пустит содержимое одного из div (может по id) на печать... Как это можно сделать? Предполагаю, что на JS

 

[Avrilfan]

print.css
для всего остального, кроме указанного diva, указываешь display:none

 

[farm]

На php наверное лучше

// берем пагу
// регуляркой вырезаем нужный нам див
// выводим результат

 

[Avrilfan]

Php здесь совсем не нужен.
Css как раз и был создан для таких задач, ведь принтер это всего лишь ещё одно устройство отбражения со своей спецификой.

 

[rasandrey]

print.css
для всего остального, кроме указанного diva, указываешь display:none

Расскажите, пожалуйста, на примерее:

 <a class="print" onclick="print_doc()">Печать</a></p>
<div class="clas1">
  текст на печать
</div>
<div class="clas2">
    не печатать текст
</div>

]	<script language="JavaScript" type="text/javascript">
	
	function print_doc(){
	window.print() ;
	}
	
	</script>

Как пустить на печать содержимое clas1.
Если я создам файл стилей и укажу .clas2 {display:none}, то он и на странице отображаться не будет....

 

[Avrilfan]

<link href="style.css" media="all" rel="stylesheet" type="text/css" />
<link href="print.css" media="print" rel="stylesheet" type="text/css" />
Если вы напишите в print.css для элемента display:none то он не будет отображаться только при предварительном просмотре и печати. Во всех остальных случаях используется другой css файл.
Для примера зайдите на

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

и попробуйте распечатать (файл-печать или файл->предварительный просмотр).

 

[polyetilen]

ещё можно дополнить css файл стиля добавив стиль для принтера

@media print{
    .clas2{
        display:none;
    }
}

или если куча div

@media print{
    div{
        display:none;
    }
    .clas1{
        display:block;
    }
}

 

[alica]

Или сделать на jquery (javascript

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.