JavaScript WIndow Print - I want it to print a specific div

Question

I have this nifty shopping helper at http://www.spacerock.com/shoppingplanner.php - click a meal and the ingredients appear in the shopinglist div. I have the print window button at the top but it does not print that div. How can I designate it to print that div? The code for the button is I know it's probably very simple; I'm a jQuery person and need to learn PURE JS. Thanks in advance for your help and education.

Answer 1

Use This JS:
to print specific DIV with ID='content'

<input style="width:75px" type="button" name="printreport" id="printreport" value="Print List" onclick="printpage()">

function printpage()
    {
        var originalContents = document.body.innerHTML;
        var printReport = document.getElementById('content').innerHTML;
        document.body.innerHTML = printReport;
        window.print();
        document.body.innerHTML = originalContents;
    }

Hope this helps..

Answer 2

You could try using the printThis Jquery plugin:

$('SelectorToPrint').printThis();

JSFIDDLE https://jsfiddle.net/seadonk/df4tzcq5/