如何使用JQuery打印

我有嵌套divs ..其中圖像動態生成...這是html代碼..我的問題是，如果我點擊打印按鈕相應的圖像需要打印。如何使用JQuery打印

<div id="outputTemp" style="display:none"> 
<div id="rightoutputimgae"> 
<div id="rightimgId" class="rightimg" rel="tooltip" content=" 
<img src='jqe13/image/1.jpg' class='tooltip-image'/> "> 
<div id="outputimageId" class="outputimage"> 
    <img src="jqe13/image/1.jpg" alt="Right Bottom Image"></div> 
</div> 
<ul> 
<li id="outcheckbox"><input name="outCheck" type="checkbox"></li> 
<li id="outedit"> 
    <a href="#"><img src="jqe13/image/edit_s.PNG" alt="edit" title="Edit"> 
    </a></li> 
<li id="outdelete"><a href="#" onclick="deleteImg(div11)"> 
<img src="jqe13/image/delet_c.PNG" alt="delete" title="Delete"></a></li> 
<li id="outfullscreen"> 
<a href="#"> 
<img src="jqe13/image/fullscreen_c.PNG" alt="Full Screen" class="fullscreen" 
    title="Full Screen"></a></li> 
<li id="outshare"> 
<a href="#"><img src="jqe13/image/share_c.PNG" alt="Share" title="Share"></a> 
<div id="menu"> 
<div id="tooltip_menu"> 
<a href="#" class="menu_top" id="email"> 
<img src="jqe13/image/email.PNG" alt="Email" title="Email"></a> 
<a href="#" onClick="postToFeed()" class="facebook"><img src="jqe13/image/fb.PNG" 
alt="Facebook" title="Facebook"></a> 
<a href="#" id="twitter"> 
<img src="jqe13/image/twitter.png" alt="Twitter" title="Twitter"></a> 
<a href="#" class="menu_bottom" id="save"> 
<img src="jqe13/image/save.PNG" alt="Save" title="Save"></a> 
</div> 
</div> 
</li> 
<li id="outprint"><a href="#"> 
<img src="jqe13/image/print.PNG" class="printMe" alt="Print" title="Print"></a> 
    </li> 
</ul> 
    </div>

我需要打印的影像，當我點擊打印按鈕..

我怎樣寫jQuery的功能打印圖像..

來源

2013-05-09 anu

你把標題廣告的fancybox，你問打印問題..？ – Gautam3164 2013-05-09 07:34:40

哎呀...我以爲問了兩個 – anu 2013-05-09 07:36:16

好吧NP我編輯了這個問題' – Gautam3164 2013-05-09 07:37:48

嘗試像

$('.printMe').click(function(){ 
    window.print(); 
});

或者如果你想打印選定區域嘗試像

$('.printMe').click(function(){ 
    $("#outprint").print(); 
});

來源

2013-05-09 07:40:46 Gautam3164

其實.. idont整個網頁將被打印。

當我在這裏挑選圖像..相應的圖像需要打印。 – anu 2013-05-09 07:42:19

@ Gautam..thanx ..我現在就在它 – anu 2013-05-09 10:06:16

嘿，我可以做到多個圖像 – anu 2013-05-15 04:18:50

嘿如果你想打印選定的區域或div，試試這個。

<style type="text/css"> 
@media print 
{ 
body * { visibility: hidden; } 
.div2 * { visibility: visible; } 
.div2 { position: absolute; top: 40px; left: 30px; } 
} 
</style>

希望它可以幫助你

來源

2013-05-09 07:54:39

謝謝你..我會嘗試 – anu 2013-05-09 07:59:37

良好的perpectivte.But將這項工作在所有的瀏覽器？ – 2013-05-09 08:02:51

有一個jquery print area。我一直在使用它一段時間。

$(".printMe").click(function(){ 
    $("#outprint").printArea({ mode: 'popup', popClose: true }); 
});

來源

2017-08-22 06:59:59 Ariwibawa

function printResult() { 
    var DocumentContainer = document.getElementById('your_div_id'); 
    var WindowObject = window.open('', "PrintWindow", "width=750,height=650,top=50,left=50,toolbars=no,scrollbars=yes,status=no,resizable=yes"); 
    WindowObject.document.writeln(DocumentContainer.innerHTML); 
    WindowObject.document.close(); 
    WindowObject.focus(); 
    WindowObject.print(); 
    WindowObject.close(); 
}

來源

2017-09-21 14:04:39

如何使用JQuery打印

回答

相關問題