Jquery для печати после отправки формы - PullRequest
Новая
       1

Jquery для печати после отправки формы

0 голосов
/ 31 октября 2018

Я хочу использовать jquery для печати, и здесь у меня есть кнопка для выполнения этой проверки, но я хочу, чтобы она была напечатана после отправки формы.

вот мой код, который печатает содержимое события нажатия кнопки, после печати отправит форму .. как я могу это сделать .. 

<button  id="btnjson" type="submit" value="ok" class="button" onclick="printDiv('print-table')">Ok</button>



<script>
function printDiv(divName) {
 //alert('s');
 var printContents = '<div id="print-content"><form><table width="100%"  height="100" ><tbody >';
  var inputs, index;
inputs = document.querySelectorAll('input,select');
printContents+='<div style="width:765px; float:left; height:72px;">'
printContents +='</tbody></table>';
 w=window.open();
 w.document.write(printContents);
 w.print();
 w.close();
}
</script>

Ответы [ 3 ]

0 голосов
/ 31 октября 2018

Вы можете сделать двумя способами.

1 - можно создать скриншот, используя canvas

2 - вы можете использовать jquery, чтобы скрыть элементы и выполнить печать перед отправкой формы

0 голосов
/ 31 октября 2018

Как я сделал для печати счетов после успешного ответа от бэкэнда следующим образом: 

var mywindow = window.open('_blank', '', '');
mywindow.document.write('<html><head></head><body onload="setTimeout(myFunction(){window.print();}, 3000)">');  
var printContents = '<style>@media print {  .print_hide{display: none;} } </style>';
printContents += '<div id="print-content"><form><table width="100%" height="100"><tbody>';
var inputs, index; inputs = document.querySelectorAll('input,select'); 
printContents+='<div style="width:765px; float:left; height:72px;">';
printContents +='</tbody></table>';
mywindow.document.write(printContents);
mywindow.document.write('</body></html>');                        
mywindow.document.close();

Откроется новое окно ...

0 голосов
/ 31 октября 2018

Ничто не может быть напечатано после отправки задания, возможно, вам придется отправить данные на сервер и сохранить их, а затем получить их. Использование переменных области действия сеанса и т. Д.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...