abcdeepakr/print_div.js

## print_div.js
function printDiv() {

        var a = window.open('', '', 'height=1000, width=800');
        a.document.write('<html>');
        response.htmlContent.map(html =>{
        // add the html to new window
            a.document.write(html);
        // always start next content from new page
            a.document.write(`<div style = "display:block; clear:both; page-break-after:always;"></div>`);
        })
        a.document.write('</html>');
        a.document.close();


        var totalImages = $(a.document.body).find('img').length;
        var imageCounter = 0;
        console.log('Total Images: ' + totalImages);
        $(a.document.body).find('img').each(function () {
          console.log($(this))
            // CHECK TO SEE IF IMAGE IS CURRENTLY LOADED
            if ($(this).prop('complete')) {
                imageCounter+=1
            } else {
                // FIRE THE IMAGE COUNTER AND VALIDATE PAGE STATE WHEN IMAGE LOADS
                $(this).on('load', function () {
                    imageCounter++;
                    console.log('Images Loaded: ' + imageCounter);
                    if (imageCounter == totalImages) {
                        a.print();
                    }
                });
            }
        });
    }

    printDiv()
	function printDiv() {

	var a = window.open('', '', 'height=1000, width=800');
	a.document.write('<html>');
	response.htmlContent.map(html =>{
	// add the html to new window
	a.document.write(html);
	// always start next content from new page
	a.document.write(`<div style = "display:block; clear:both; page-break-after:always;"></div>`);
	})
	a.document.write('</html>');
	a.document.close();


	var totalImages = $(a.document.body).find('img').length;
	var imageCounter = 0;
	console.log('Total Images: ' + totalImages);
	$(a.document.body).find('img').each(function () {
	console.log($(this))
	// CHECK TO SEE IF IMAGE IS CURRENTLY LOADED
	if ($(this).prop('complete')) {
	imageCounter+=1
	} else {
	// FIRE THE IMAGE COUNTER AND VALIDATE PAGE STATE WHEN IMAGE LOADS
	$(this).on('load', function () {
	imageCounter++;
	console.log('Images Loaded: ' + imageCounter);
	if (imageCounter == totalImages) {
	a.print();
	}
	});
	}
	});
	}

	printDiv()