Is it possible to take data from one web-page and generate another (webpage to be printed) without any interference of server?

I am trying to take data from a HTML <form> and generate a report from that data for printing, as the internet connection is not persistent, it is important report in print format is generated o开发者_开发问答n client side only i.e. a web-browser.

---

It is if the page with data supports CORS

http://en.wikipedia.org/wiki/Cross-Origin_Resource_Sharing

Otherwise you hit the browser security limitations.

If you do not control the page providing data it probably won't work.

---

Generate BOTH the screen and print versions from the server at the same time. Enclose different parts in DIVs with class="NotOnPrint" for the screen-only stuff, class="NotOnScreen" for the print-only stuff, and nothing extra for items that should appear on both screen and print. Then use this CSS:

@media screen { .NotOnScreen { display: none; } } @media print { .NotOnPrint { display: none; } }

---

If the data in the original HTML is sufficiently regular that you can parse it with reliability, it is possible to write a browser-resident bookmarklet that will mangle the DOM in any way you choose; if you packed enough logic into the bookmarklet, you could even delete the original, keep the data, and create a completely new page with the data, rendering from templates.

This is not, however, your basic Javascript app. Bookmarklets are something of a Dark Art.