Print popup window Javascript

Question

I have a table that has input boxes and a pop up window that has information in it. I would like to be able to print the table data and include the popup information as well. Is this possible. Quick example below.

Javascript

<script>
function divPrint() {
    window.print();
}
</script>

HTML

<div id="printable">

<table class="table">
    <th>Option 1</th>
    <th>Option 2</th>
    <tr>
        <td><input class="span6 text-center" type="text" id="cost1"></td>
        <td><input class="span6 text-center" type="text" id="cost2"></td>
    </tr>
</table>

    <div class="popup" data-popup="popup">
        <p>Need to print this as well</p>
    </div>

</div>

Duplicates: stackoverflow.com/questions/468881/… & stackoverflow.com/questions/2255291/print-the-contents-of-a-div — leroydev
– leroydev, Commented Jun 5, 2016 at 23:16

filype · Accepted Answer · 2016-06-05 23:29:34Z

2

Yes, you can.

It generally involves setting the .popup to display in the print view, using a css media query like @media print.

For example:

@media print {
     .popup {
          display:block !important;
     }
}

If you try to print this page, you should see the popup as well: https://output.jsbin.com/mezalosazo

Here's the version on jsbin if you want to edit it: https://jsbin.com/mezalosazo/edit?css,js,output

answered Jun 5, 2016 at 23:29

filype

8,47010 gold badges46 silver badges70 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Print popup window Javascript

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related