Web Developer - Javascript

Print Friendly

Languages

Assistance

The Developer

Code

<?xml version="1.0" encoding="iso-8859-1"?> <!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"> <head> <title>Print Friendly</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> </head> <body> <script language="javascript" type="text/javascript"> // // Print Friendly // Some Rights Reserved // http://webdeveloper.50webs.com // var pageTITLE= "Web Developer - Some Rights Reserved"; var headerHTML= "Printer Friendly Page<hr>"; //End Editable variables function printFriendly(){ var printWindow = window.open(''); printWindow.document.open(); var outputTEXT = ""; var inputHTML = document.getElementById('printFriendly').innerHTML; // Define the items to convert to a print friendly alternative // printFrinedly.document.write(document.getElementById('printFriendly').innerHTML); // Will load HTML As-Is in new window if (navigator.appName == "Microsoft Internet Explorer") { outputTEXT = inputHTML.replace("<TEXTAREA", "<a style='border:1px solid #000000;'"); outputTEXT = outputTEXT.replace("</TEXTAREA>", "</a>"); outputTEXT = outputTEXT.replace("<INPUT", "<a style='border:1px solid #000000;'"); outputTEXT = outputTEXT.replace("<BUTTON", "<a style='border:1px solid #000000;'"); outputTEXT = outputTEXT.replace("</BUTTON>", "</a>"); outputTEXT = outputTEXT.replace("<IMG", "<printFriendly_img"); } else { outputTEXT = inputHTML.replace("<textarea", "<a style='border:1px solid #000000;'"); outputTEXT = outputTEXT.replace("</textarea>", "</a>"); outputTEXT = outputTEXT.replace("<input", "<a style='border:1px solid #000000;'"); outputTEXT = outputTEXT.replace("<button", "<a style='border:1px solid #000000;'"); //not used, but here just in case outputTEXT = outputTEXT.replace("</button>", "</a>"); outputTEXT = outputTEXT.replace("<img", "<printFriendly_img"); //not a real tag, but gets rid of images } // Make window, print, and finish up printWindow.document.write("<html><head><title>" + pageTITLE + "</title></head><body>" + headerHTML + outputTEXT + "</body></html>"); printWindow.document.close(); printWindow.print(); printWindow.close(); } </script> <a href="javascript:printFriendly();">Printer Friendly Page</a> <table width="269" border="1" cellpadding="0" cellspacing="0"><tr><td>%</td><td width="400"></td><td>%</td></tr><tr><td>e<br />x<br />t<br />r<br />a<br /><br />t<br />e<br />x<br />t</td> <td align="center" id="printFriendly">HTML text is about being <b>Bold</b>,<br /> or <i>italic</i>, or even to be an <u>underliner</u>,<br> but all those <img alt="images and" title="images and" width="100" height="30" border="2"><br /> <Textarea cols="20" rows="1">textareas</textarea> keep getting in the way. </td> <td>e<br />x<br />t<br />r<br />a<br /><br />t<br />e<br />x<br />t</td></tr><tr><td>%</td><td></td><td>%</td></tr></table> <hr> <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/us/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-sa/3.0/us/88x31.png"/></a><br/>This <span xmlns:dc="http://purl.org/dc/elements/1.1/" href="http://purl.org/dc/dcmitype/InteractiveResource" rel="dc:type">work</span> by <a xmlns:cc="http://creativecommons.org/ns#" href="http://webdeveloper.50webs.com" property="cc:attributionName" rel="cc:attributionURL">http://webdeveloper.50webs.com</a> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/us/">Creative Commons Attribution-Share Alike 3.0 United States License</a>. </body> </html>

Additional Resources

PayPal Donation Page

This work by http://webdeveloper.50webs.com is licensed under a Creative Commons Attribution-Share Alike 3.0 United States License.