Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Печать только картинки (https://javascript.ru/forum/misc/17473-pechat-tolko-kartinki.html)

Akimserg 20.05.2011 15:11

Печать только картинки
 
Добрый день...

Нужно распечатать только рисунок из всей html страницы.

Пытаюсь это сделать уже 4 часа.

Варианты с media print не прокатывают так как в css нельзя скрыть всё кроме нужной картинки.

Cделал так:
<img src="//mysite.ru/images/shares/.img_to_page/smile.png" />
<input type='button' value='Распечатать купон' onclick="myprint('//mysite.ru/images/shares/.img_to_page/smile.png'");

function myprint(pathtoimg) { 
myWin=open("","","top=200,left=320,width=300,height=100"); 
myWin.document.write("<html><head><title>print</title></head><body onLoad='window.print();'><img src='"+pathtoimg+"'></body></html>"); 
}


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

Может есть какие-нибудь другие способы решения задачи?

Буду благодарен любой помощи

Akimserg 23.05.2011 10:16

:help:

ksa 23.05.2011 22:09

Цитата:

Сообщение от Akimserg
Варианты с media print не прокатывают так как в css нельзя скрыть всё кроме нужной картинки.

Не понятно почему?

ksa 23.05.2011 22:15

В примере будет видна только картинка...

<!DOCTYPE html>
<html>
<head>
<style>
@media print {
	p {
		display: none;
	}
	input {
		display: none;
	}
}
</style>
<script>
</script>
</head>
<body>
<p>
	Ганимед неравномерен. Магнитное поле оценивает годовой параллакс, однако большинство
	спутников движутся вокруг своих планет в ту же сторону, в какую вращаются планеты. 
	Газопылевое облако вызывает центральный Ганимед, таким образом, атмосферы этих планет 
	плавно переходят в жидкую мантию. В отличие от пылевого и ионного хвостов, полнолуние 
	иллюстрирует межпланетный ионный хвост, об интересе Галла к астрономии и затмениям 
	Цицерон говорит также в трактате "О старости" (De senectute).
</p>
<img src='http://javascript.ru/forum/images/smilies/smile.gif' />
<br />
<input type='button' value='Print' />
</body>
</html>

Aetae 23.05.2011 22:20

Проще)
<html>
<head>
<style>
body *{display:none}
img{display:block !important}
</style>
<script>
</script>
</head>
<body>
<p>
    Ганимед неравномерен. Магнитное поле оценивает годовой параллакс, однако большинство
    спутников движутся вокруг своих планет в ту же сторону, в какую вращаются планеты.
    Газопылевое облако вызывает центральный Ганимед, таким образом, атмосферы этих планет
    плавно переходят в жидкую мантию. В отличие от пылевого и ионного хвостов, полнолуние
    иллюстрирует межпланетный ионный хвост, об интересе Галла к астрономии и затмениям
    Цицерон говорит также в трактате "О старости" (De senectute).
</p>
<img src='http://javascript.ru/forum/images/smilies/smile.gif' />
<br />
<input type='button' value='Print' />
</body>
</html>


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