The Print Friendly Javascript tries to replicate pre-made printer friendly pages by removing images and forms from the HTML of the page.
<?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>Foo</td> <td width="400">Foo</td> <td>Foo</td> </tr><tr> <td>Foo</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>Foo</td> </tr><tr> <td>Foo</td> <td>Foo</td> <td>Foo</td> </tr></table> </body> </html>
