Печать только картинки
Добрый день...
Нужно распечатать только рисунок из всей 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>");
}
При нажатии на кнопку открывается окно с картинкой и что-то грузит, печать не идёт. В чём проблема? Может есть какие-нибудь другие способы решения задачи? Буду благодарен любой помощи |
:help:
|
Цитата:
|
В примере будет видна только картинка...
<!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>
|
Проще)
<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, время: 15:37. |