Форум

Akimserg · #1 (**permalink**) 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 · #2 (**permalink**) 23.05.2011, 10:16

ksa · #3 (**permalink**) 23.05.2011, 22:09

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

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

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

ksa · #4 (**permalink**) 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 · #5 (**permalink**) 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>

Форум

Справочник

Discord чат

Курсы javascript