Print html of a html element

by NunoMira

HTML

<div>
  Div 1
</div>
<div id="div2">
  Div 2
  <img src="https://tomcat.novageo.pt/cg/deskman/images/unicorn.png" alt="Girl in a jacket">
</div>
<button onclick="$('#div2').print();">
Print html of hidden div 2
</button>

JavaScript

$.fn.extend({
	print: function() {
    var prtContent = document.getElementById(id);
    var doc = window.open('', '', 'left=0,top=0,width=800,height=900,toolbar=0,scrollbars=0,status=0');

		doc.document.write(prtContent);
    doc.document.close();
    doc.setTimeout(function(){
      doc.focus();
      doc.print();
      doc.close();
    }, 1000);
		//doc.window.print();
		return this;
	}
});