jQuery printelement function not working in browser

Question

I'm using printelement jQuery. Searching resource in stackoverflow and many others find some solution but still not working.

<script type="text/javascript">
function PrintElem(elem)
{
    Popup($(elem).html());
}

function Popup(data)
{
    var mywindow = window.open('', 'PRINT', 'height=400,width=600');
    mywindow.document.write('<html><head><title></title>');
    mywindow.document.write('<link rel="stylesheet" href="assets/css/neon-theme.css" type="text/css" />');
    mywindow.document.write('<link rel="stylesheet" href="assets/js/datatables/responsive/css/datatables.responsive.css" type="text/css" />');
    mywindow.document.write('</head><body >');
    mywindow.document.write(data);
    mywindow.document.write('</body></html>');

    mywindow.print();
    mywindow.close();

    return true;
}

Title is misleading. You are not using jquery you are using plain javascript — Zuks, Jan 19 '17 at 06:08

score 2 · Answer 1 · edited May 23 '17 at 12:24

2

Consider this answer from a similar thread

https://stackoverflow.com/a/33735423/3514785

The code looks something like this:

var divToPrint=document.getElementById('DivIdToPrint');
var newWin=window.open('','Print-Window');
newWin.document.open();
newWin.document.write('<html><body onload="window.print()">'+divToPrint.innerHTML+'</body></html>');
newWin.document.close();
setTimeout(function(){newWin.close();},10);

edited May 23 '17 at 12:24

Community

1
1

answered Jan 19 '17 at 06:19

Zuks

1,247
13
20

Then I suspect something else is an issue. It works for me. What do you get? – Zuks Jan 19 '17 at 06:54
previously I used the html print whenever user prints the data it is generating webpartextension="full" with head tags at some point it throwing error (it is not printing )newWin.document.write(''+divToPrint.innerHTML+''); – karthik Oct 16 '17 at 18:19

score 0 · Answer 2 · answered Jan 19 '17 at 06:10

0

Thats right. Use jquery html like so $('#divelement').html(yourehtmlcode).

answered Jan 19 '17 at 06:10

HolgerT

62
1
10

This will change the element. How is this helping with the question? – Zuks Jan 19 '17 at 06:11
Oh i thought that was the question xD – HolgerT Jan 19 '17 at 06:16
It's okay. Read the question properly next time. I'd suggest you delete this answer before someone down votes you :) – Zuks Jan 19 '17 at 06:20
Not helping the question. – babu Jan 19 '17 at 06:41

score 0 · Accepted Answer · answered Jan 19 '17 at 06:36

0

I think your css linking problem, Please try it :

<script type="text/javascript">
function PrintElem(elem)
{
    Popup($(elem).html());
}
function Popup(data)
{
    var myWindow = window.open('', 'PRINT', 'height=400,width=600');
    myWindow.document.write('<html><head><title></title>');
    myWindow.document.write('</head><body >');
    myWindow.document.write(data);
    myWindow.document.write('</body></html>');

    myWindow.print();
    myWindow.close();

    return true;
}

answered Jan 19 '17 at 06:36

illeas

300
3
18

I will try but something css missing. – babu Jan 19 '17 at 06:42
It's need to internal css. try it i hope problem solved. – illeas Jan 19 '17 at 06:46

jQuery printelement function not working in browser

3 Answers3