JQuery для печати после отправки формы
Я хочу использовать jquery для печати, и здесь у меня есть кнопка для выполнения этого налога, но я хочу, чтобы это было напечатано после отправки формы.
вот мой код, который печатает содержимое при нажатии кнопки, после печати ti отправит форму .. как я могу это сделать ..
<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>да, я хочу остановить экран перед отправкой
если отправка выполнена, она будет напечатана, если возникнут проблемы с отправкой, например, с проверками, и все, что не будет печататься
эй @Gulshan, как это могло работать
Я не могу это сделать, потому что эта кнопка связана с отправкой моей формы
я также могу делать другие вещи с помощью этого
не работает то же самое
ничего не меняется..
нет, я могу сделать это правильно
это не работает
удалите нежелательные комментарии @manika и поставьте зеленую галочку, если считаете, что кто-то правильно ответил на вопрос.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 3
После отправки задания ничего нельзя распечатать, возможно, вам придется отправить данные на серверную часть и сохранить их, а затем получить их. Использование переменных области сеанса и т. д.
Сделать можно 2 способами.
1- может сгенерировать снимок экрана с помощью холст
2- вы можете использовать jquery, чтобы скрыть элементы и выполнить печать перед отправкой формы
Вот как я распечатал счета после успешного ответа от бэкэнда:
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();
Откроется новое окно ...
эй, я также не хочу, чтобы все было напечатано, в этом я использую выбранные входы для печати
Для печати определенного контента используйте CSS с классом ".print_hide" и примените к игнорируемым ..... также добавьте @media print {.print_hide {display: none;}} в CSS
я не могу понять что ты хочешь сказать
var printContents = '<div id = "print-content"> <form> <table width = "100%" height = "100"> <tbody>'; var input, index; входы = document.querySelectorAll ('вход, выберите'); printContents + = '<div style = "width: 765px; float: left; height: 72px;">'; printContents + = '</tbody> </table>';
потому что я пишу css, также слышу для каждой позиции значений на странице
var printContents = '<style> @media print {.print_hide {display: none;}} </style>'; printContents + = '<div id = "print-content"> <form> <table width = "100%" height = "100"> <tbody>';
применить класс скрытия печати к игнорируемым элементам.
эй, перемести меня на страницу
это выглядит странно, а также на пустом месте
на текущей вкладке его не происходит ??
я хочу страницу в том же окне
Попробуй отредактировать ур сам ... это улучшит твои навыки .... Здесь большинство людей подскажут тебе путь ... остальное ты должен написать свое собственное имя .... извините.
мой предыдущий лучше, но небольшая проблема, которую я хотел исправить
Где печатать? на консоли? или на UI? вы хотите остановить экран перед отправкой?