Как вывести на печать только 1 картинку со страницы, а не всю страницу?

Question

[amoska]

Здравствуйте!
Нужно создать кнопку "Распечатать купон" в электронном письме.
Однако сейчас распечатывается вся страница.
Единственное, что удалось убрать из печати - это саму надпись "распечатать купон".
Использую следующее:

<style type="text/css">@media print {
      #printBtn { display:none; }
    }
									</style>
									<button class="button" id="printBtn">Распечатать</button>

Подскажите что нужно сделать. В данном вопросе очень слаба, поэтому прошу ответить из серии "для самых чайников".

Answer 1

[Astrohas]

@media print {
   *{
      display: none
   }
   .kuponishe, html, body{
      display: block !important
   }
}

UPD: Исправил код

Answer 2

[Эдуард]

Сделайте новое окно, вставьте туда то, что нужно распечатать и вызовите метод принт у него.
При необходимости можно переписать/перехватить стандартный print, если человек нажал ctrl+p
Для этого вам понадобится говнокод что-то типо этого:

function pagePrintNode(node) {
	var printBody = "";
	if (Array.isArray(node)) {
		for (var n in node) {
			printBody += node[n].innerHTML;
		}
	} else {
		printBody += node.innerHTML;
	}

	var w = window.open('', 'print-plan', 'width=700,height=500');
	w.document.body.innerHTML = printBody;
	w.document.head.innerHTML = document.head.innerHTML;
	w.print();
	w.close();
};