Jquery printing colorbox window

Question

I am trying to print just the contents of a colorbox

$(".print-invoice").on("click", function(event){
    window.print();
  return false;
});

This prints the whole page, the file path is popups/info.html

Possible duplicate [Print
only?](http://stackoverflow.com/questions/468881/print-div-id-printarea-div-only) — arun, Apr 30 '12 at 10:34
@N0nh4x0rツ not sure how you thought the div printing and colorbox printing are possible duplicates?!! — AlwaysANovice, Jan 31 '14 at 02:00
@Walahh what are the differences??!!, from my limited knowledge, I think `colorbox` is build with `div`s and/or `span`s??!! — arun, Jan 31 '14 at 04:08

score 0 · Answer 1 · answered Apr 30 '12 at 10:36

0

You can try this:

$(".print-invoice").click(function() {
    $('#the_Iframe_ID')[0].print();
});

answered Apr 30 '12 at 10:36

Zuul

16,217
6
61
88

$('#myid')[0].print(); //console - is not a function – LeBlaireau Apr 30 '12 at 11:11
Try: $("#the_Iframe_ID").get(0).contentWindow.print(); – Zuul Apr 30 '12 at 12:31

score 0 · Answer 2 · answered Sep 26 '12 at 22:12

Its a few months late, but for the benefit of anyone else who may come across this: If you use an iframe to display the content, then a print button in that content will only print whats in the colorbox. To use an iframe, set the iframe setting to true:

$(document).ready(function(){
    $(".linktocolorbox").colorbox({iframe:true});
});

score 0 · Answer 3 · edited May 23 '17 at 12:22

0

Here is my solution on inner HTML with multiple divs with same class

https://stackoverflow.com/a/32580793/3888517

edited May 23 '17 at 12:22

Community

1
1

answered Sep 15 '15 at 08:47

Stefan

627
6
19

Jquery printing colorbox window

3 Answers3