2014-02-06 4 views
0

Я нашел некоторый код, чтобы помочь моей печати часть страницы вCSS Ссылка на Div при печати

Этот код:

function Clickheretoprint() 
    { 
     var disp_setting="toolbar=yes,location=no,directories=yes,menubar=yes,"; 
      disp_setting+="scrollbars=yes,width=650, height=600, left=100, top=25"; 
     var content_vlue = document.getElementById("print_content").innerHTML; 

     var docprint=window.open("","",disp_setting); 
     docprint.document.open(); 
     docprint.document.write('<html><head><title>JEFCO AEROMODLERS AUCTION INVOICE</title>'); 
     docprint.document.write('</head><body onLoad="self.print()"><center>');   
     docprint.document.write(content_vlue);   
     docprint.document.write('</center></body></html>'); 
     docprint.document.close(); 
     docprint.focus(); 
    } 


I have a CSS that I refer to as a link: 

<link rel="stylesheet" type="text/css" href="Styles/Compact/Style_doctype.css" title="prefered"> 

Данные, отображаемые на экране использует CSS в ссылку без проблема.

Когда я нажимаю на печать моего окно печати выскакивает, содержащую часть страницы в

<DIV</DIV> however, the CSS style is gone! 

<DIV> looks like this <div id="print_content"> 

Как я могу получить всплывающее окно, созданное с помощью функции Clickheretoprint(), чтобы сохранить CSS, указанный в связь?

Благодаря //

ответ

0

Почему вы не добавить таблицу стилей, когда вы пишете это?

win.document.write('<head><link rel="stylesheet" type="text/css" href="yourStyleSheet.css"></head>'); 

win.print(); 
win.close(); 
+0

Это ответ; всплывающие окна не магически наследуют CSS :) –

Смежные вопросы