Home/ Questions/Q 6233397
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-24T10:17:30+00:00

I want print div content with style(separate .css file). I tried much but unable

  • 0

I want print div content with style(separate .css file).
I tried much but unable to print with style support.

Please help me!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can call a function on clicking of “PRINT” button. and the function contain the div you want to print.Here in my example i want to print the content of div with id “main”

    function CallPrint() { 
  var prtContent = document.getElementById('main'); 
  var WinPrint = window.open('', '', 'width=800,height=650,scrollbars=1,menuBar=1'); 

  var str = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns=\"http://www.w3.org/1999/xhtml\"><head><style type=\"text/css\">.margin_0px table{*float:left} <\/style> <title>PRINT</title> <script type=\"text/javascript\">function abc() {} <link href=\"/css/internal111.css\" rel=\"stylesheet\" type=\"text/css\"/></head><body  onload="abc();"><div class=\"maintable_big\">' + prtContent.innerHTML</div></div></body></html>';  
  WinPrint.document.write(str); 
  WinPrint.document.close(); 
  WinPrint.focus(); 
}
    • 0