Javascript - Generating a Preview with the Text of a Textarea

Simply copy and paste the following code inside your editor and run it from a browser.
If you want to see the live result (we believe this is the best way to learn about what is the script about), try it here (new window).

<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Preview</title> <meta http-equiv="Content-type" content="text/html; charset=UTF-8" /> <script type="text/javascript"> function PreviewText() { var generator=window.open('','preview','height=400,width=500'); generator.document.write('<html><head><title>Preview text</title>'); generator.document.write('</head><body>'); generator.document.write(document.forms[0].txt.value); generator.document.write('</body></html>'); generator.document.close(); } </script> </head> <body> <h1>Preview in javascript</h1> <form method="post" action=""> <textarea rows="10" cols="50" name="txt"></textarea> <input type="button" onclick="javascript:PreviewText();return false;" value="Preview" /> </form> </body> </html>

You can input Html text inside the textarea box and click Preview in order to build an html page containing the text.

Comments

Post the first comment now
or discuss about it at this address:
Forum - Javascript

Webmaster Corner

The Millionaire league
Dozens of Easy and Automatic Ways to Make Money Online Everyday!

Niche Annihilation Method
Crush Your Competition!
Download the method Now

iPowerWeb
Incredible Membership Packages - Web Hosting!

One Month Free Trial! ProStores - an eBay Company
Gain customers, increase sales, and boost profits with your own Web Store.

→ Get Google Pay-Per-Click Ads Free!
→ Automated Cash Formula $$$

Javascript - Generating a Preview with the Text of a Textarea

Javascript - Generating a Preview with the Text of a Textarea

Comments

Webmaster Corner

Categories