Print functionality is working on document load not on button click

Question

I have one print button & on click of that button I want to print other pdf as per the link will provide not the same page. but for now print functionality is working on page load not on button click

function print (doc) {
var objFra = document.createElement('iframe');
objFra.style.visibility = 'hidden';
objFra.src = doc;
document.body.appendChild(objFra);
objFra.contentWindow.focus();
objFra.contentWindow.print();
}
print();

<input type="button" id="bt" onClick="print()" value="Print PDF"/>

remove `print();` and provide doc file path in `onClick`. check here: `onClick="print()"` — Alive to die - Anant, Jun 07 '19 at 06:14
Its not working, pdf is still opening on page load not on click button. — DritiP, Jun 07 '19 at 06:21
May be helpful:- https://stackoverflow.com/questions/2909033/using-javascript-to-print-images — Alive to die - Anant, Jun 07 '19 at 06:32

score 1 · Answer 1 · answered Jun 07 '19 at 06:23

Your print method is getting invoked on button click, but since it's visibility is set to hidden, it is not visible. You also have print method invoked on the page load.

function print (doc) {
    var objFra = document.createElement('iframe');
    //objFra.style.visibility = 'hidden';
    objFra.src = doc;
    document.body.appendChild(objFra);
    objFra.contentWindow.focus();
    objFra.contentWindow.print();
}
print('path');

<input type="button" id="bt" onClick="print('somePath')" value="Print PDF"/>

score 0 · Answer 2 · answered Jun 07 '19 at 11:38

0

You may call your print function on $(document).ready(function(){}) function.

answered Jun 07 '19 at 11:38

meDeepakJain

156
1
13

Print functionality is working on document load not on button click

2 Answers2