Cześć,
Mam problem następujący:
Z serwera do front endu dostaje obrazki które następnie umieszczam w nowym oknie wygenerowanym w JS a nastepnie chciałbym je wydrukować.
Kiedy tak napiszę, kod, że ajax odbierze dane, następnie wstawi je do nowego okna i na otwartym oknie kliknę na klawiaturze ctrl + p to wszystko działa idealnie.
Natomiast w momencie gdy manualne kliknięcie ctrl + p zastąpie funkcją window.print() to do okna drukowania wpada PUSTA KARTKA... nie ma nic
No i oczywiście dzieje się tak, ponieważ print jest wywołany przed tym aż wszystkie obrazki zaciągną się do okna...
Próbowałem z window.onload i też nie działa...
Ma ktoś jakiś pomysł??
Tu kawałek kodu:
function PrintAllBadges(guestTypeId, badgeSide) {
var popupWin;
$.ajax({
url: "/GuestTypes/PrintBadges",
beforeSend: function () { $('.waiting-page').css("visibility","visible"); console.log('dupa'); },
type: "post",
data: { guestTypeId: guestTypeId, badgeSide: badgeSide },
success: function (response) {
popupWin = window.open('', '_blank', 'width=' + response[0].Width + ', height=' + response[0].Height);
popupWin.document.open();
popupWin.document.write('<html><head></head><body style="margin: 0px;">')
for (i in response) {
popupWin.document.write('<img alt="Embedded Image" style="width:99.5%" src="' + response[i].Template + '" /><br />');
}
popupWin.document.write('</body></html>');
},
complete: function () {
$('.waiting-page').css("visibility", "hidden");
},
});
};