다른 페이지 나 이미지를 인쇄하십시오. 미리보기

Question

프린터 친화적 인 페이지를 만들려고합니다. 우리는 페이지를 스냅 샷하고 이미지 파일을 뱉어내는 thirdparty 소프트웨어를 사용하여 분류했습니다. 이제 이미지 페이지에 대한 링크를 만들었고 직접 인쇄 미리보기를 여는 javascript를 만들고 싶습니다. 내가 먼저 새 페이지와 인쇄 미리보기를 엽니 다 다른 하나에 열이 자바 스크립트를 발견

내가 아무것도 시도

:-)이 두 자바 스크립트를 결합해야 IE 9의 모든 작품을 .This I 성공없이 그들을 결합하는 것을 안다. 나는 전문가에게서 도움을 얻을 수 있 었는가? :-)

첫 번째 스크립트 :

function printpage(url) 
{ 
    child = window.open(url, "", "height=1, width=1"); //Open the child in a tiny window. 

    window.focus(); //Hide the child as soon as it is opened. 
    //child.print(); //Print the child. <-- I need this to call PrintPreview() 
    child.close(); //Immediately close the child. 
} 

두 번째 스크립트 어떤 도움이 아주 많이 감사합니다

function PrintPreview() 
{ 
    var OLECMDID = 7; 

    /* OLECMDID values: 
    * 6 - print 
    * 7 - print preview 
    * 0 - open window 
    * 4 - Save As 
    */ 

    var PROMPT = 1; // 1 PROMPT USER 2 DON'T PROMPT USER 
    var WebBrowser = '<OBJECT ID="WebBrowser1" WIDTH=0 HEIGHT=0 CLASSID="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"></OBJECT>'; 


    window.document.body.insertAdjacentHTML('beforeEnd', WebBrowser); 

    WebBrowser1.ExecWB(OLECMDID, PROMPT); 
    WebBrowser1.outerHTML = ""; 

} 

인쇄 미리보기 부분입니다.

Answer 1

인쇄 할 요소에 특수 ID를 부여하고 CSS를 사용하여 원하는대로 스타일을 지정할 수 있습니다. 그럼 그냥 (아약스 호출?를 통해) 인쇄보기를 표시하기 전에

window.print(); 

좋은 팁이 필요한 정보와 인쇄 사업부를 채우는 것입니다을 사용하여 브라우저의 인쇄 미리보기를 호출 할 수 있습니다 및 인쇄 후보기는 분명히 보여줍니다 인쇄 가능한 div.

이 스레드에서 제안을 찾을 수 있습니다 : How to print HTML content on click of a button, but not the page? 응답에 의해 병렬 2ne. 여기

는 순수 CSS 버전 JSFIDDLE

<div class="example-screen">You only see me in the browser</div> 

<div class="example-print">You only see me in the print</div> 

그리고 CSS입니다 :이

.example-print { 
    display: none; 
} 
@media print { 
    .example-screen { 
     display: none; 
    } 
    .example-print { 
     display: block; 
    } 
}