Как добавить кнопку печати на сайт приема блоггеров?

привет, как я могу добавить кнопку печати на свой сайт рецептов, размещенный на blogger.com? У меня есть сайт с рецептами, и я хотел добавить на него кнопку печати, чтобы пользователи, посещающие мой блог, могли распечатать квитанцию.

Источник

1 ответ

Если у вас все в порядке с печатью всей страницы, вы можете использовать этот блок кода:

      <button onclick="window.print()">Print this page</button>

Если вы хотите просто распечатать рецепт, вам нужно пометить его с помощью идентификатора HTML, лучший способ реализовать подобное решение будет следующим:HTML:

      <div id="recipe">
       <!-- Your HTML for the recipe goes here -->
</div>
<button onclick="printDIV(recipe)">Print Recipe</button>

И немного Javascript: (Из этого сообщения: распечатать содержимое DIV )

      function printDIV(div) {
       var mywindow = window.open('', 'PRINT', 'height=400,width=600');

       mywindow.document.write('<html><head><title>' + document.title  + '</title>');
       mywindow.document.write('</head><body >');
       mywindow.document.write('<h1>' + document.title  + '</h1>');
       mywindow.document.write(document.getElementById(elem).innerHTML);
       mywindow.document.write('</body></html>');

       mywindow.document.close(); // necessary for IE >= 10
       mywindow.focus(); // necessary for IE >= 10*/

       mywindow.print();
       mywindow.close();
}

Чтобы изменить размер печати, вы можете изменить параметры высоты и ширины в функции window.open().

Источник
Другие вопросы по тегам