How to keep page design when I print it new tab Jquery?

Question

I use this function to make print

     function printContent(el,tble,img) {         
                var printcontent = document.getElementById(el).innerHTML
                   +" <div class='row'><span class='glyphicon glyphicon-tasks'></span><b></b></div>"
                   + document.getElementById(tble).innerHTML
                   + document.getElementById(img).innerHTML;

                var w = window.open();   
               $(w.document.body).html(printcontent);
                w.print();
}

this works fine for me but the problem is it didn't contain the same page design and the print page has no design

please help

Answer 1

You should use a link in the head of your page:

<link rel="stylesheet" type="text/css" media="print" href="style.css">

Note the media attribute.

Edit:

var bodyContent = document.getElementById(el).innerHTML
                   +" <div class='row'><span class='glyphicon glyphicon-tasks'></span><b></b></div>"
                   + document.getElementById(tble).innerHTML
                   + document.getElementById(img).innerHTML;

var windowHTML = '<html><head><title>Print page</title><link rel="stylesheet" type="text/css" media="print" href="style.css"></head><body>' + bodyContent + '</body>';

var w = window.open();   
w.document.write(windowHTML);
w.print();

How to keep page design when I print it new tab Jquery?

Question

1 answers

solution1
0 2016-03-10 12:17:16

How to keep page design when I print it new tab Jquery?

Question

1 answers

solution1 0 2016-03-10 12:17:16

solution1
0 2016-03-10 12:17:16