2010-06-29 44 views
0

我希望能够通过单击链接打印与overflow:auto的div。下面是我一起工作的代码,但它的剂量在页面加载...jQuery,在链接点击打印内容的选项

printMe=window.open(); 
printMe.document.write($('.terms_and_conditions').html()); 
printMe.print(); 
printMe.close(); 

回答

1

你可以用它在click事件,如:

$(function(){ 
    $('#element_id').click(function(){ 
    printMe=window.open(); 
    printMe.document.write($('.terms_and_conditions').html()); 
    printMe.print(); 
    printMe.close(); 
    }); 
}); 
+0

真棒谢谢你! – CarterMan 2010-06-29 21:51:07

+0

有没有办法简化这个只打印'.terms_and_conditions'而不打开新窗口? – CarterMan 2010-06-30 17:27:19

0

尝试使用CSS打印,就像一个例子这个:

@media print { 

    table, #MenuDiv, { 
     visibility: hidden; 
    } 

    .fd_window, infoHide, #selectedItems, .fd_body { 
     border: 0px solid; 
     width: 100%; 
    } 

    #selectedItems table { 
     visibility: visible!important; 
     color: #000; 
     display: block !important; 
     position: absolute; 
     left: 0; 
     top: 0; 
     height: 100%; 
     width: 8.5in; 
    } 

    #selectedItems table th, #form_selectedItems table td { 
     border: 1px solid #000; 
     padding: 3px; 
     vertical-align: top; 
    } 
}