Version complète: jsB@nk » Snippet » Preview de l'éditeur
URL: https://www.javascriptbank.com/print-to-preview.html
Vos visiteurs mai ne pas être familiers avec les feuilles de style pour l'impression et ne pas voir un aperçu avant impression »dans leur navigateur. Ce script permet de leur fournir un aperçu fiable.
Version complète: jsB@nk » Snippet » Preview de l'éditeur
URL: https://www.javascriptbank.com/print-to-preview.html
<style>/* import existing print stylesheet */@import "print.css";/* set styles for the preview message */#preview-message {display:block;border:1px solid #666;background:#FF6;padding:2px 5px;}</style><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><script>/*Created by: Pete McVicar Web Site: http://www.alistapart.com/articles/printtopreview*/function addLoadEvent(func) { var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else { window.onload = function() { if (oldonload) { oldonload(); } func(); } }}addLoadEvent( function(){ add_print_link( 'nav' ) } );function add_print_link( id ){ if( !document.getElementById || !document.getElementById( id ) ) return; // add extra functions to page tools list var print_page = document.getElementById( id ); // create print link var print_function = document.createElement('p'); print_function.className = 'print-link'; print_function.onclick = function(){ print_preview(); return false; }; print_function.appendChild( document.createTextNode( 'Print the Page' ) );}function print_preview() {// Switch the stylesheetsetActiveStyleSheet('Print Preview');// Create preview messageadd_preview_message();// Print the pagewindow.print();}function add_preview_message(){var main_content = document.getElementById('content');var main_body = main_content.parentNode;if (document.getElementById){var preview_message = document.createElement('div');preview_message.id = 'preview-message';// Create Headingvar preview_header = document.createElement('h3');var preview_header_text = document.createTextNode('This is a print preview of this page');preview_header.appendChild(preview_header_text);// Create paragraphvar preview_para = document.createElement('p');var preview_para_text = document.createTextNode('Without this message of course. ');var cancel_function_link = document.createElement('a');cancel_function_link.onclick = function(){ cancel_print_preview(); return false; };cancel_function_link.setAttribute('href', '#');var cancel_function_link_text = document.createTextNode('Return to the existing page.');cancel_function_link.appendChild(cancel_function_link_text);preview_para.appendChild(preview_para_text); //preview_para.appendChild(cancel_function_link);// Put it all toegetherpreview_message.appendChild(preview_header); preview_message.appendChild(preview_para);main_body.insertBefore(preview_message, main_content);}}function cancel_print_preview() {// Destroy the preview messagevar print_preview = document.getElementById('preview-message');var main_body = print_preview.parentNode;main_body.removeChild(print_preview);// Switch back stylesheetsetActiveStyleSheet('default');}function setActiveStyleSheet(title) { var i, a, main; for(i=0; (a = document.getElementsByTagName("link")[i]); i++) { if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) { a.disabled = true; if(a.getAttribute("title") == title) a.disabled = false; } }}</script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><a href="#" onclick="print_preview(); return false;">Print this page</a><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->