2013-05-09 2 views
9

У меня есть вложенные 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, чтобы напечатать изображение ..

+0

вы положили заголовок объявления FancyBox и вы спросили вопрос печати .. ?? – Gautam3164

+0

oops ... я подумал просить обоих – anu

+0

Ok NP я отредактировал вопрос ' – Gautam3164

ответ

29

Попробуйте как

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

или если вы хотите распечатать выбранную область, попробуйте как

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

на самом деле .. idont всей веб-страницы для печати. ​​

  • Print
  • , когда я рисую изображение здесь. Соответствующее изображение должно быть напечатано .. – anu

    +0

    @ Gautam..thanx .. я на нем сейчас – anu

    +0

    эй я могу сделать то же самое с несколькими изображениями – anu

    10

    Эй Если вы хотите напечатать выбранную область или div, попробуйте это.

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

    Надеется, что это поможет вам

    +0

    спасибо u..i попробую – anu

    +0

    Хорошая перспектива. Но это будет работать на всех браузерах? –

    0

    Существует jquery print area. Я использую его в течение некоторого времени.

    $(".printMe").click(function(){ 
        $("#outprint").printArea({ mode: 'popup', popClose: true }); 
    }); 
    
    0
    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(); 
    } 
    
    Смежные вопросы