Print a div content using Jquery

Some jQuery research has failed, so I moved to JavaScript (thanks for your suggestion Anders).

And it is working well…

HTML

<div id='DivIdToPrint'>
    <p>This is a sample text for printing purpose.</p>
</div>
<p>Do not print.</p>
<input type='button' id='btn' value='Print' onclick='printDiv();'>

JavaScript

function printDiv() 
{

  var divToPrint=document.getElementById('DivIdToPrint');

  var newWin=window.open('','Print-Window');

  newWin.document.open();

  newWin.document.write('<html><body onload="window.print()">'+divToPrint.innerHTML+'</body></html>');

  newWin.document.close();

  setTimeout(function(){newWin.close();},10);

}

Related Posts:

  1. Print the contents of a DIV
  2. How to properly use jsPDF library
  3. How do I check whether a checkbox is checked in jQuery?
  4. ReferenceError: $ is not defined
  5. How do I check whether a checkbox is checked in jQuery?
  6. jQuery document.createElement equivalent?
  7. Pure JavaScript equivalent of jQuery’s $.ready() – how to call a function when the page/DOM is ready for it [duplicate]
  8. How can I scroll to an element using jQuery?
  9. jQuery.click() vs onClick
  10. jQuery Get Selected Option From Dropdown
  11. Check if checkbox is checked with jQuery
  12. How to add jQuery code into HTML Page
  13. How can I get the data-id attribute?
  14. Check if checkbox is checked with jQuery
  15. Bootstrap Dropdown menu is not working
  16. jquery SlideToggle effect in upward direction?
  17. Change Background color (css property) using Jquery
  18. Failed to load resource: net::ERR_FILE_NOT_FOUND loading json.js
  19. Get class name using jQuery
  20. Export html table data to Excel using JavaScript / JQuery is not working properly in chrome browser
  21. Set timeout for ajax (jQuery)
  22. Use images like checkboxes
  23. How to read xml file contents in jQuery and display in html elements?
  24. Jquery swipe left or right on mobile
  25. How to move an element into another element?
  26. Create table with jQuery – append
  27. How to convert selected HTML to Json?
  28. How to Open New window on every Click
  29. Uncaught TypeError: Cannot read property ‘top’ of undefined
  30. How can I select an element by name with jQuery?
  31. How to print HTML content on click of a button, but not the page?
  32. jQuery disable/enable submit button
  33. Play an audio file using jQuery when a button is clicked
  34. How to move an element after another element using JS or jquery?
  35. Why is the jquery script not working?
  36. document.getElementsByClassName().innerHTML always returns “undefined”
  37. Jquery button click() function is not working
  38. HTML text input allow only numeric input
  39. Refresh/reload the content in Div using jquery/ajax
  41. How do I check whether a checkbox is checked in jQuery?
  42. Embedding instagram webpage inside an iframe
  43. How to get height of div in px dimension
  44. Set value to currency in
  45. jQuery: Uncaught Error: Syntax error, unrecognized expression
  46. Creating a div element in jQuery
  47. SyntaxError: JSON.parse: unexpected end of data at line 1 column 1 of the JSON data
  48. How to use in jQuery :not and hasClass() to get a specific element without a class
  49. HTML Entity Decode
  50. How to display raw JSON data on a HTML page
  51. Clearing my form inputs after submission
  52. Get class list for element with jQuery
  53. Reload an iframe with jQuery
  54. How to scroll an HTML page to a given anchor
  55. Highlight a word with jQuery
  56. How do I refresh a DIV content?
  57. Why is jquery show() not working in example
  58. How can I use jQuery to run MySQL queries?
  59. jQuery sort elements using data id
  60. jQuery scrollTop() method not working
  61. FormData append not working
  62. getContext is not a function
  63. How to change the text of a label?
  64. Get the size of the screen, current web page and browser window
  65. Using “&times” word in html changes to ×
  66. Closing Bootstrap modal onclick
  67. Fire oninput event with jQuery
  68. Fully responsive HTML5 video
  69. Changing the selected option of an HTML Select element
  70. HTML anchor link – href and onclick both?
  71. How can I know which radio button is selected via jQuery?
  72. How to scroll to top of page with JavaScript/jQuery?
  73. How to use aria-expanded=”true” to change a css property
  74. How to set “style=display:none;” using jQuery’s attr method?
  75. Adding JavaScript to a WordPress website
  76. Putting custom html/js page into Elementor as it’s own block
  77. internal anchor links no longer working after upgrade
  78. How to run Javascript popup modal in a loop?
  79. Can’t Listen to KeyDown in TInyMCE Iframe (jQuery) and Pass it to Parent HTML FORM
  80. Styling parent based on a child element of a child in a WordPress page
  81. Failed to load resource: the server responded with a status of 404 (Not Found)
  82. Angular: mat-form-field must contain a MatFormFieldControl
  83. What does on() in JavaScript do?
  84. JavaScript error (Uncaught SyntaxError: Unexpected end of input)
  85. Uncaught TypeError: Cannot read property ‘msie’ of undefined
  86. How to hide a div with jQuery?v
  87. How do I set/unset a cookie with jQuery?
  88. TypeError: $(…).DataTable is not a function
  89. jQuery explode string like PHP
  90. Validate date in dd/mm/yyyy format using JQuery Validate
  91. Showing an image from an array of images – Javascript
  92. Javascript isnull
  93. How to filter JSON Data in JavaScript or jQuery?
  94. How do I check if a cookie exists?
  95. Get querystring from URL using jQuery [duplicate]
  96. jQuery checkbox change and click event
  97. jQuery selectors on custom data attributes using HTML5
  98. TypeError: abc.getAttribute is not a function
  99. How to dequeue a script?
  100. Add other class content with reference class value

Leave a Comment