2011-04-20 119 views
1

我試圖在iframe中打印內容。下面的代碼工作正常。IFRAME的打印內容

HTML:

<div id="containerDiv">   
      <p> 
       <table cellpadding="1" width="100%" height="100%" cellspacing="0" border="0">     
       <tr> 
        <td align="right" ><img src="Images/printer1.png" alt="Print" id="imgprint" onclick="printticket()" style="display:none;cursor:pointer;padding-top:2px;" /></td> 
       </tr> 
       <tr> 
        <td align="center"> 
        <iframe id="OverlayDis" name="OverlayDis" scrolling="yes" src="Default1.aspx" allowtransparency="true" 
        runat="server" frameborder="0" style="background-color: white; width: 980px; height: 500px;"></iframe> 
        </td> 
       </tr> 
       <tr> 
        <td align="center"><input type="button" style="background-color:#400000;border:solid 1px black;color:White;font-weight:bold" id="closeLink" href="javascript:void(0);" value="Close"/></td> 
       </tr> 
       </table> 
      </p> 
     </div> 

JS:

window.frames["OverlayDis"].focus(); 
    window.frames["OverlayDis"].print(); 

但我有字體size.the可見字體大小問題hardcopy.The頁來不是有12px的大小除輸出打印之外的所有文本都是8pt或更少。

發生了什麼?

@media print 
    { 
     body{font-family:verdana; font-size:10px;} 
     span.subheader{font-family: Verdana; font-size: 12px; font-weight: bold;} 
     span.sign{float:right;padding-right:20px;padding-top:20px;font-size:12px;font-weight:20px;font-weight: bold;} 
    } 

    @media screen 
    { 
     body{font-family:verdana; font-size:10px;} 
     span.subheader{font-family: Verdana; font-size: 12px; font-weight: bold;} 
     span.sign{float:right;padding-right:20px;padding-top:20px;font-size:12px;font-weight:20px;font-weight: bold;} 
    } 

我說這種風格到我的網頁打印,但這不是還在工作,所以小字體printing..Another事情是我用燈箱插件,以顯示該幀。

var test; 
Event.observe(window, 'load', function() { 
    test = new Lightbox('containerDiv'); 
}); 

function OpenOverlay(url) 
{ 
    document.getElementById('OverlayDis').src = url; 
    test.open(); 

    Event.observe('closeLink', 'click', function() { 
     test.close(); 
    }); 
} 

我的錯誤是什麼?

回答

1

我改變彈出窗口而不是iframe,並打印和關閉現在的工作!

+0

有沒有其他選項從窗口彈出? – abdul 2013-10-11 08:10:18

+0

使用自定義div標籤,如彈出式窗口,或使用第三方http://fancybox.net/ – 2013-10-25 05:12:15

1

iframe的文檔中使用print stylesheet

+0

這個問題沒有解決! – 2011-04-25 06:44:33

+0

@Anand Thangappan還行。 – alex 2011-04-25 06:51:55