How to print HTML content on click of a button, but not the page?

I want to print some HTML content, when the user clicks on a button. Once the user clicks on that button, the print dialog of the browser will open, but it will not print the webpage. Instead, it will print the some other HTML content which is not displayed on the page.

While asking this question, there are few solutions coming into my mind. But I am not sure whether those are good ideas or something better can be done. One of those solutions are: I can keep this HTML content in a div and make it display: to print, but display: none to screen. All other elements on the webpage can be made to display: none for print and display: for the screen. And then call to print.

Any better idea?

Related Posts:

  1. Failed to load resource: the server responded with a status of 404 (Not Found)
  2. Failed to load resource: the server responded with a status of 404 (Not Found)
  3. How can I scroll to an element using jQuery?
  4. What is the meaning of == $0 that is shown in inspect element of google chrome for the selected element [duplicate]
  5. Bootstrap Dropdown menu is not working
  6. Change Background color (css property) using Jquery
  7. Set timeout for ajax (jQuery)
  8. How does the data-toggle attribute work? (What’s its API?)
  9. CSS height 100% percent not working
  10. Use images like checkboxes
  11. Completely disable scrolling of webpage
  12. Uncaught TypeError: Cannot read property ‘top’ of undefined
  13. Full-screen iframe with a height of 100%
  14. Bootstrap 4 Dropdown Menu not working?
  15. Why is the jquery script not working?
  16. Textarea Auto height
  17. Why is marquee deprecated and what is the best alternative?
  18. Refresh/reload the content in Div using jquery/ajax
  19. Print the contents of a DIV
  20. How to write inside a DIV box with javascript
  21. How to get height of div in px dimension
  22. Crop the image using JavaScript
  23. Force div to be topmost element of any and all webpages
  24. Retrieve the position (X,Y) of an HTML element
  25. How to display raw JSON data on a HTML page
  26. how to display a div triggered by onclick event
  27. Why is jquery show() not working in example
  28. jQuery scrollTop() method not working
  29. Change an image with onclick()
  30. Print a div content using Jquery
  31. JavaScript – Count Number of Visitor for Website
  32. Creating Accordion Table with Bootstrap
  33. Fully responsive HTML5 video
  34. How to create checkbox inside dropdown?
  35. Positioning
  36. Adding Google Translate to a web site
  37. Cannot read property ‘style’ of undefined — Uncaught Type Error
  38. How to make HTML element resizable using pure Javascript?
  39. How to use aria-expanded=”true” to change a css property
  40. How to set “style=display:none;” using jQuery’s attr method?
  41. WordPress Bootstrap Handburger Menu Wont Open
  42. Hide CSS class only in single post pages
  43. How to change CSS using jQuery?
  44. How to properly use jsPDF library
  45. Cannot set property InnerHTML of null [duplicate]
  46. jQuery document.createElement equivalent?
  47. jQuery Get Selected Option From Dropdown
  48. Remove CSS class from element with JavaScript (no jQuery) [duplicate]
  49. (change) vs (ngModelChange) in angular
  50. Export html table data to Excel using JavaScript / JQuery is not working properly in chrome browser
  51. How to generate a simple popup using jQuery
  52. TypeError: Cannot Set property ‘onclick’ of null
  53. Bootstrap Dropdown menu is not working
  54. Bootstrap Dropdown menu is not working
  55. Create table with jQuery – append
  56. How would I call a javascript function in html?
  57. “.addEventListener is not a function” why does this error occur?
  58. Coin toss with JavaScript and HTML
  59. Play an audio file using jQuery when a button is clicked
  60. getBoundingClientRect is not a function
  61. document.getElementsByClassName().innerHTML always returns “undefined”
  62. Jquery button click() function is not working
  63. Make iframe automatically adjust height according to the contents without using scrollbar?
  64. How do I modify the URL without reloading the page?
  65. Error: ENOENT: no such file or directory, stat ‘/public/main.html’ at Error (native)
  66. How do I check whether a checkbox is checked in jQuery?
  67. How to get the selected radio button’s value?
  68. Creating a div element in jQuery
  69. document.getElementById().value doesn’t set the value
  70. How to run a function when the page is loaded?
  71. Clearing my form inputs after submission
  72. Get class list for element with jQuery
  73. Reload an iframe with jQuery
  74. HTML/Javascript change div content
  75. Video auto play is not working in Safari and Chrome desktop browser
  76. How can I use jQuery to run MySQL queries?
  77. anchor jumping by using javascript
  78. FormData append not working
  79. Set CSS property in JavaScript?
  80. What’s the effect of adding ‘return false’ to a click event listener?
  81. Getting or changing CSS class property with Javascript using DOM style
  82. “Uncaught TypeError: Illegal invocation” in Chrome
  83. How do I clear the content of a div using JavaScript?
  84. The value of attribute [ data-type ] must be in double quotes – custom html widget error
  85. Adding JavaScript to a WordPress website
  86. Insert “javascript:void(0);” into URL
  87. How to integrate my HTML and javascript into my child theme
  88. Add Codepen animation as Preloader to WordPress
  89. Cannot set property ‘className’ of null at setThemeFromCookie
  90. Adding a Calculator to a WordPress Page
  91. Link to page with posts of specific type
  92. how to let users upload their custom cover image
  93. Overriding inline !important CSS with Javscript code snippet with media query
  94. Getting click on item to open closest relevant element (popup) with jQuery
  95. Target a specific container to style on WordPress storefront theme
  96. How to delay display of page elements until enqueued script has injected html
  97. Possible jquery / library conflict in plugin usage
  98. Why the images on mi javascript are not found?
  99. dropdown does not work [closed]
  100. How do I cycle a JS function in WordPress? [closed]

Leave a Comment