2011-04-20 4 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(); 

하지만 hardcopy.The 페이지에서 제공되지 않는 글꼴 size.the 보이는 글꼴 크기에 문제가가의 12 픽셀 크기가 모든 텍스트지만 출력 인쇄는 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

+0

자신의 맞춤 div 태그를 팝업과 같이 사용하거나 제 3자를 사용하십시오. http://fancybox.net/ –

1

iframe의 문서에 print stylesheet을 사용하십시오.

+0

이 문제는 해결되지 않습니다! –

+0

@Anand Thangappan OK. – alex