Stampare una pagina col Dhtml

Autore: Luca Ruggiero | Tell a Friend Corso Java Impara a programmare col linguaggio OOP della Sun. Corso Javascript e DHTML Impara a creare controlli ed animazioni! Corso Web Design Disegno di siti Web con HTML, CSS e Dynamic HTML.

La stampa di una pagina informativa, didattica o di qualsiasi altro genere si tratti, è un argomento molto importante per gli autori di siti che necessitino di mettere a disposizione degli utenti la possibilità di stampare una pagina del loro sito.

Javascript mette a disposizione il metodo print() dell'oggetto window. Dunque, per offrire la possibilità di stampare una pagina nella sua integrità, è sufficiente inserire in un link, o in un bottone il seguente codice:

<a href="javascript:window.print()">Stampa questa pagina</a>

<table align="center" width="750" border="1">
   <tr>
      <td colspan="3" id="intestazione">Intestazione della pagina, logo e banner</td>
   </tr>
   <tr>
      <td valign="top" width="150" id="sinistro">Menu laterale sinistro</td>
      <td valign="top" width="450" id="stampa">Corpo della pagina da stampare</td>
      <td valign="top" width="150" id="destro">Menu laterale destro</td>
   </tr>
</table>

<script language="javascript">
 <!--
  function Stampa() {
     //Nasconde le celle indesiderate
        intestazione.style.display = "None";
        sinistro.style.display = "None";
        destro.style.display = "None";
     //Imposta la parte da stampare a tutto schermo
        stampa.style.width = "100%";
     //Lancia la funzione di stampa
        window.print();
     //Ripristina la parte da stampare alle dimensioni originali
        stampa.style.width = "450px";
     //Ripristina l'impostazione iniziale delle celle indesiderate
        intestazione.style.display = "";
        sinistro.style.display = "";
        destro.style.display = "";
  }
 //-->
</script>

<a href="javascript:Stampa()">Stampa questa pagina</a>