Обучающие статьи

Создание недорогих сайтов,
продвижение белыми методами,
уроки и консультации

печать картинки, htmlНа днях нужно было вывести на печать купон со скидкой с сайта клиента. Не всю страницу целиком, а конкретную картинку. В итоге решил проблему посредством HTML + JavaScript.  Эта задача может быть решена множеством способов. 

Код решения, которое я выбрал представлен ниже.


<a href="javascript:print1('')"><img style="margin: 5px auto; display: block;" src="/images/slider/slider300.jpg" alt="slider300" /></a>

<script type="text/javascript">// <![CDATA[
function print1() {
var win = window.open();
win.document.write('<img src="/images/slider/slider300.jpg">');
win.print();
win.close()
}
// ]]></script>

 

Как использовать:

  1. Скопируйте данный код и поместите на свою страничку;
  2. Измените путь к картинке "images/slider/slider300.jpg" на свой (в теге img и  в  коде JavaScript).
  3. Пробуйте!

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

Если кто предложит более интересное решение - буду рад :)

Пример работы (для деста кликните по картинке ниже):

 

slider300

Комментарии  

#11 Maddison 22.05.2017 13:54
Greetings from Los angeles! I'm bored at work so I decided to browse your site on my iphone during lunch break.
I really like the knowledge you provide here and can't wait to take a look when I get home.

I'm amazed at how fast your blog loaded on my phone ..
I'm not even using WIFI, just 3G .. Anyways, superb site!


Also visit my blog post: cell respiration essay: http://duanxigrandcourt.org/5/45395.php
Цитировать
#12 Андрей 02.08.2017 06:55
Спасибо. Работает.
Цитировать

Добавить комментарий


Защитный код
Обновить

  Яндекс.Метрика