{"id":207,"date":"2012-02-26T07:46:02","date_gmt":"2012-02-26T07:46:02","guid":{"rendered":"http:\/\/ntspl.co.in\/blog\/?p=207"},"modified":"2024-09-18T10:57:33","modified_gmt":"2024-09-18T10:57:33","slug":"how-to-print-a-div-with-browser-compatibility","status":"publish","type":"post","link":"https:\/\/www.ntspl.co.in\/blog\/how-to-print-a-div-with-browser-compatibility\/","title":{"rendered":"How to print a div (with browser compatibility)"},"content":{"rendered":"

Do you know how to print a div? Read this simple and step by step article and get the code that will print a div with browser\u2019s compatibility.1.Create a html page<\/strong><\/p>\n

2.Link print.js file <\/strong><\/p>\n

function printSelection(node) {\r\n\r\n\tvar content = node.innerHTML\r\n\r\n\tvar pwin = window.open('', 'print_content', 'width=700px,height=900px');\r\n\r\n\tpwin.document.open();\r\n\r\n\tpwin.document.write('<html><body onload=\"window.print()\"><img src=\"http:\/\/demo1.ntsplhosting.com\/print-js\/vedanta_logo.jpg\" width=\"171\" height=\"80\">' + content + '<\/body><\/html>');\r\n\r\n\tpwin.document.close();\r\n\r\n\tsetTimeout(function() { pwin.close(); }, 5000);\r\n\r\n}\r\n<\/code><\/pre>\n
3.Add a div with id=’printtext’<\/strong><\/p>\n
4.write text with in div<\/strong><\/p>\n
5.close div<\/strong><\/p>\n
6.add a button <\/strong><\/p>\n
\r\n<input id=\"Button1\" type=\"button\" value=\"Print\" onclick=\"printSelection(document.getElementById('printtext'));return false\" \/>\r\n<\/code><\/pre>\n
7.Your page like:<\/strong><\/p>\n
\r\n<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd\">\r\n\r\n<html xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\">\r\n\r\n<head>\r\n\r\n<title>Print Demo Create By Sameer Kumar Das<\/title>\r\n\r\n<script src=\"print.js\" type=\"text\/javascript\"><\/script>\r\n\r\n<\/head>\r\n\r\n<body>\r\n\r\n<input id=\"Button1\" type=\"button\" value=\"Print\" onclick=\"printSelection(document.getElementById('printtext'));return false\" \/>\r\n\r\n<div id='printtext'>\r\n\r\nasdasdasd asd\r\n\r\n<\/div>\r\n\r\n<\/body>\r\n\r\n<\/html><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
Do you know how to print a div? Read this simple and step by step article and get the code that will print a div with browser\u2019s compatibility.1.Create a html page 2.Link print.js file function printSelection(node) { var content = node.innerHTML var pwin = window.open(”, ‘print_content’, ‘width=700px,height=900px’); pwin.document.open(); pwin.document.write(‘<html><body onload=”window.print()”><img src=”http:\/\/demo1.ntsplhosting.com\/print-js\/vedanta_logo.jpg” width=”171″ height=”80″>’ + content […]<\/p>\n","protected":false},"author":18,"featured_media":1535,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[3,20,22,32],"tags":[56,62,166,208,241,252,280,310,330,380],"class_list":["post-207","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-asp-dot-net","category-jquery-javascript","category-ntspl","category-tutorials","tag-aspnet","tag-awarded-website-design-company","tag-how-to-print-a-div","tag-jquery-and-javascript","tag-ntspl","tag-odisha-hosting","tag-print-div","tag-seo-odisha","tag-sql-server","tag-website-development"],"acf":{"custom_meta_title":"How to Print a div with Browser Compatibility? | NTSPL","meta_description":"Do you know how to print a div? Read this simple and step by step article and get the code that will print a div with browser\u2019s compatibility.","meta_keyword":"print a div, printing a div with browsers compatibility","other_meta_tag":"\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n"},"_links":{"self":[{"href":"https:\/\/www.ntspl.co.in\/blog\/wp-json\/wp\/v2\/posts\/207"}],"collection":[{"href":"https:\/\/www.ntspl.co.in\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ntspl.co.in\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ntspl.co.in\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ntspl.co.in\/blog\/wp-json\/wp\/v2\/comments?post=207"}],"version-history":[{"count":7,"href":"https:\/\/www.ntspl.co.in\/blog\/wp-json\/wp\/v2\/posts\/207\/revisions"}],"predecessor-version":[{"id":10584,"href":"https:\/\/www.ntspl.co.in\/blog\/wp-json\/wp\/v2\/posts\/207\/revisions\/10584"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ntspl.co.in\/blog\/wp-json\/wp\/v2\/media\/1535"}],"wp:attachment":[{"href":"https:\/\/www.ntspl.co.in\/blog\/wp-json\/wp\/v2\/media?parent=207"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ntspl.co.in\/blog\/wp-json\/wp\/v2\/categories?post=207"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ntspl.co.in\/blog\/wp-json\/wp\/v2\/tags?post=207"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}