Save the HTML or PHP webpage as PDF – JAVASCRIPT

Hi all,
Save the HTML or PHP web page as .PDF format using Javascript. It’s simple and useful, window.print() method is used for saving or printing the page as pdf. The print() method prints the contents of the current window or opens the Print Dialog Box. We have to connect the printer through the computer and choose the path(download/desktop/any folder) and save the web page.The web page save as pdf same web page style.
Three Concept are used for this operation:

  • HTML or PHP
  • Javascript
  • CSS

demo

The HTML






All web page content are specified (div,h1,h2,p,img) here. First div specify the content of HTML page, include both image,heading and paragraph or content.second div used to specify the function call.

	

The HTML

Live HTML compiler using PHP is very simple one like as w3schools editor. In here we are going to run the textarea code in the iframe. Main difference from w3schools try editor,the w3schools try editor used asp.net but, here PHP with iframe is used.Visitors are need to edit their code for their own need, and they want to check it lively HTML live compiler support this operation.

jQuery

Here I am going to tell you interesting topic regarding google map application in web development. Most of the website need googlemap location while we are entering location name, for that we have one solution. Here I explain,when we are entering the location name in input type you will get the map for that particular location by using jquery. It’s very simple and can use in your web development application, this will helps for all the e-commerce site.I hope this concept is really helpful for all developer.

CSS

Responsive menus are built to work with desktop browsers as well as touch and mobile devices.In here the dropdown menu also available in all device using pure CSS. A pure CSS responsive menu created that automatically changes to a toggleable dropdown menu at a specified breakpoint based on CSS3 media queries.If you are having trouble getting your website menu working on an iPhone, iPad, or Android device, then check out these menus.

The Javascript


This is used for performing print operation. Call forprint() from html and performe the operation in javascript, window.print() used for print or save the web page as pdf.

	
	 Click here to Print the Page
	

The CSS


Describe the presentation of an html tags.




FULL CODE



Save the page as .PDF format-Prittytimes.com





The HTML

Live HTML compiler using PHP is very simple one like as w3schools editor. In here we are going to run the textarea code in the iframe. Main difference from w3schools try editor,the w3schools try editor used asp.net but, here PHP with iframe is used. Visitors are need to edit their code for their own need, and they want to check it lively HTML live compiler support this operation.

jQuery

Here I am going to tell you interesting topic regarding google map application in web development. Most of the website need googlemap location while we are entering location name, for that we have one solution. Here I explain,when we are entering the location name in input type you will get the map for that particular location by using jquery. It’s very simple and can use in your web development application, this will helps for all the e-commerce site.I hope this concept is really helpful for all developer.

CSS

Responsive menus are built to work with desktop browsers as well as touch and mobile devices. In here the dropdown menu also available in all device using pure CSS. A pure CSS responsive menu created that automatically changes to a toggleable dropdown menu at a specified breakpoint based on CSS3 media queries. If you are having trouble getting your website menu working on an iPhone, iPad, or Android device, then check out these menus.




If anyone has doubts on this topic then please do let me know by leaving comments or send me an email.

Leave a Reply

Your email address will not be published. Required fields are marked *