Форум

MannishArt · #1 (**permalink**) 29.03.2011, 14:35

надо распечатать определённую область страницы,нашёл в интернете пример,попытался сделать и вот результат:
3.6.16 firefox - выводит на страницу undefined
11.01 opera - work
8 IE - work

вот то,что пытался сделать,прогнал в лисе через дебаггер и переменной data присваивается значение undefined =\,что делать кто знает?

Skipp · #2 (**permalink**) 29.03.2011, 15:13

делайте с помощью css и всё
@media print{

}

MannishArt · #3 (**permalink**) 29.03.2011, 15:42

что-то я не понял,а как это использовать?написал пустой класс

<style>

@media print {
  .toPrint{}
}
</style>

присвоил его диву,вставил кнопку,нажал,распечаталась вся страница

Skipp · #4 (**permalink**) 30.03.2011, 10:09

<style>

@media print {
 //спрячьте здесь, всё то что не нужно печатать.
 .ob1{
   display: none;
 }
//или наоборот
 .obj2{
   display: block;
 }
}
</style>

В вашем случаи как я понимаю надо сделать так

<style>
@media print {
body *{
 display: none;
}
.toPrint{
   display: block !important;
 }
}
</style>

MannishArt · #5 (**permalink**) 30.03.2011, 14:38

<html>
<head>
<style>
	@media print {
	body *{
	display: none;
	}
	.toPrint{
	   display: block !important; 
	 }
	}
	</style>
</script>
</head>
<body>
<div class="toPrint">
<font color="red">
<table border="1" bgcolor=#f0e68c> 
<tr>
<td>1</td><td>1</td><td>1</td><td>1</td>
</tr>
<tr>
<td>1</td><td>1</td><td>1</td><td>1</td>
</tr>
<tr>
<td>1</td><td>1</td><td>1</td><td>1</td>
</tr>
<tr>
<td>1</td><td>1</td><td>1</td><td>1</td>
</tr>
</table>
</font>
</div>

<br>
	<input type="button" value="Print" onclick="window.print();" />

<table border="1" bgcolor=#f0e68c> 
<tr>
<td>2</td><td>2</td><td>2</td><td>2</td>
</tr>
<tr>
<td>2</td><td>2</td><td>2</td><td>2</td>
</tr>
<tr>
<td>2</td><td>2</td><td>2</td><td>2</td>
</tr>
<tr>
<td>2</td><td>2</td><td>2</td><td>2</td>
</tr>
</table>
<br>	

</body>
</html>

хм,что-то я не понимаю,в теории ведь на листе должна отобразиться первая таблица,а выводиться пустой лист

Форум

Справочник

Discord чат

Курсы javascript