my JavaScript print code work but not getting with css

Question

code is hear

var d=new Date();
    window.frames["print_frame"].document.body.innerHTML = '<HTML>\n<head>\n<title>CLS -' + d.getTime() +'</title>\n<link href="<?php echo JURI::base();?>templates/cls/css/style.css" rel="stylesheet" type="text/css"  />\n</head>\n<body>' + document.getElementById('result_content').innerHTML + "</body>\n</HTML>" ;
    window.frames["print_frame"].window.focus();
    setTimeout('window.frames["print_frame"].window.print()',300);

this code is work fine but when it is print then not print with css style...

matpol · Accepted Answer · 2012-01-04 11:33:41Z

2

you do not have a print style sheet e.g.

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

answered Jan 4, 2012 at 11:33

matpol

3,0741 gold badge16 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

matpol Over a year ago

not in the js where your add the html to the frame you are trying to print

matpol Over a year ago

thats probably something else

Gleb Kemarsky · Accepted Answer · 2017-07-26 05:48:18Z

0

Mine also print not working with css.
below is my code:

window.frames["print_frame"].document.body.innerHTML = '<HTML>\n<head>\n<title></title>\n<link href="style.css" media="print" rel="stylesheet" type="text/css"/>\n</head>\n<body>' + document.getElementById(divId).innerHTML + "</body>\n</HTML>";
window.frames["print_frame"].window.focus();
window.frames["print_frame"].window.print();

edited Jul 26, 2017 at 5:48

Gleb Kemarsky

10.5k7 gold badges49 silver badges73 bronze badges

answered Jul 26, 2017 at 5:07

Karishma Anand

33 bronze badges

Collectives™ on Stack Overflow

my JavaScript print code work but not getting with css

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related