Per il tuo gestionale
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">
function two_copies(){
//creo la copia
document.body.innerHTML+='<div id="copy">'+document.body.innerHTML+'</div>';
//stampo
window.print();
//rimuovo la copia
var copy=document.getElementById('copy');
copy.parentNode.removeChild(copy);
}
</script>
</head>
<body>
<h1>Lorem ipsum</h1>
<button type="button" onClick="two_copies()" 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>
Alternativa: lasciar decidere all'utente il numero di copie (tramite input[type=text]) con "due" come valore predefinito:
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;
}
.hide_on_print {
display: none
}
</style>
<script type="text/javascript">
function custom_print(){
//creo n copie
var copies_number=Number(document.getElementById('copies').value);
var copy_item=document.body.innerHTML;
for(var i=1; i<copies_number; i++){
document.body.innerHTML+='<div class="copy">'+copy_item+'</div>';
}
//stampo
window.print();
//rimuovo le copie (per stampare solo una copia da Ctrl+P)
var copies_items=document.getElementsByClassName('copy');
for(var i=0; i<copies_items.length; i++){
copies_items[i].parentNode.removeChild(copies_items[i]);
i--;
}
}
</script>
</head>
<body>
<h1>Lorem ipsum</h1>
<button type="button" onClick="custom_print()" class="hide_on_print">Stampa</button> <label class="hide_on_print"><input id="copies" value="2" width="2" size="2"> Copie</label>
<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>
Buona domenica.
Permessi di invio
Rispondi quotando