問題而使用JavaScript

Question

打印圖像

大家好我已經寫了代碼如下

<script type="text/javascript"> 
    function printIt() { 
     var win = window.open('', 'popup', 'location=1,status=1,scrollbars=1,width=800,height=600'); 
     if (win) { 
      var imageControl = document.getElementById('<%=chkImage.ClientID%>').src; 
      win.document.write('<img src="' + imageControl + '">'); 
      win.document.close(); 
      win.focus(); 
      win.print(); 
     } 
     return false; 
    } 
</script> 

和定義我的圖像控制如下打印使用JavaScript的圖像

<asp:Image ID="chkImage" runat="server" ImageUrl="~/CheckPreview.aspx" />

但當打印我在紙張上獲得一些額外的領域在圖像附加可以有人告訴我怎樣才能避免這些打印時

我的額外領域是我用紅色標記的，我不想打印那些

Answer 1

您的意思是打印頁面的特殊部分？如果那是對的。你可以使用print css，你可以使用一些打印javascript插件，比如JQuery打印插件。

嘗試This或This

或者你也可以讀通過JavaScript方法打印內容到新的一頁。

<script language="javascript"> 
function CallPrint(strid) 
{ 
var prtContent = document.getElementById(strid); 
//var WinPrint = window.open(''); 
var WinPrint = window.open('','','letf=0,top=0,width=1,height=1,toolbar=0,scrollbars=0,status=0'); 
WinPrint.document.write(prtContent.innerHTML); 
WinPrint.document.close(); 
WinPrint.focus(); 
WinPrint.print(); 
WinPrint.close(); 
// prtContent.innerHTML = strOldOne; 
} 



<a href="javascript:CallPrint('DivContent')"><img src="images/print.gif" title="Print This Result" alt="Print" border="0"> 
<Div id="DivContent" > 
Hello there 
</Div> 

或者您可以嘗試添加CSS打印。

http://css-discuss.incutio.com/wiki/Print_Stylesheets

http://www.w3.org/TR/css-print/