Ripensandoci il tuo appunto è sensato.
Questa nuova versione duplica il body al caricamento della pagina di modo da avere la botte piena e la moglie ubriaca:
codice:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Page title</title>
<style type="text/css" media="screen">
#copy{display:none}
</style>
<style type="text/css" media="print">
#copy{display:block; page-break-before:always;}
#print_button{display:none}
</style>
<script type="text/javascript">
window.onload=function(){
var page=document.body.innerHTML;
document.body.innerHTML+='<div id="copy">'+page+'</div>';
}
</script>
</head>
<body>
<h1>Lorem ipsum</h1>
<button type="button" onClick="window.print()" id="print_button">Stampa due copie</button>
<p> Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p> Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p> Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</body>
</html>
Originariamente inviata da Vincent.Zeno
bello
Permessi di invio
Rispondi quotando