2009-07-07 3 views
3

나는 차트, 날짜 선택 도구 (일정) 및 몇 개의 단추가있는 PHP 페이지가 있습니다.URL 내용 인쇄 - javascript

로컬 프린터에서 전체 페이지가 아닌 & 차트 만 인쇄하는 다른 버튼 "인쇄 차트"를 추가하려고합니다. 나는 (차트 만 출력) 다른 스크립트를 갖고, 자바 스크립트 함수를 사용하여 'window.print'

HTML하여이 작업을 수행하려고

<input type="button" onClick="printChart()" value="Print Chart"> 

자바 스크립트

function printChart(){ 

    var myParameters = window.location.search;// Get the parameters from the current page 

    var URL = "http://my_server/my_folder/my_script_that_outputs_only_my_chart.php"+myParameters; 

    var W = window.open(URL); 

    W.window.print(); // Is this the right syntax ? This prints a blank page and not the above URL 
} 

나는 위의 코드를 시도했다. 빈 페이지가 인쇄됩니다.

대상 URL을 인쇄 할 수있는 방법이 있습니까? 그렇다면 새 창을 열지 않아도 인쇄 할 수 있습니까? 시간에 대한

감사

+0

인쇄용 페이지는 과거의 일입니다. 인쇄 스타일 시트를 사용하십시오. –

+0

너무 많은 일이 발생하면 다음을 시도하십시오. W.onload = function() {print(); } –

답변

4

당신은 인쇄 스타일 시트를 사용할 수 있습니다. print.css에서 모든 것을 "display : none;"으로 만드십시오. 인쇄하려는 것을 제외하고

+0

감사합니다. 내 HTML에 div 태그가 추가되었으며 인쇄하고 싶지 않은 섹션이 포함되었습니다. 내 print.css에서 div를 "display : none"으로 만들었습니다. - 훌륭하게 작동했습니다. – cvic

0

@media print

이 차트 인쇄 "나는 다른 버튼을 추가 할"CSS를 사용해보십시오 "로컬 프린터에서만 전체 페이지를 차트 &되지 인쇄."

그냥 자바 스크립트 인쇄를 시도하고

`@media print` { 
.onprinthide { dispaly: none; } 
} 

같은 CSS 클래스를 생성하고 상점의 모든 적용 인쇄에 필요하지 않은 요소. 일반 스타일 시트에 추가에서


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

:

3

가 인쇄되기 전에 W.window.print() 호출을 제거하고 확인 문서가 준비되어 있는지 확인하기 위해 PHP 문서에

<body onload="window.print();"> 
... 
</body> 

을 추가 시도하고 그냥 페이지 인쇄 자체를 가지고있다.

<input type="button" value="Print" onclick="window.print();" /> 

작동한다 첨가 자체는 그 페이지 인쇄로

.