<< Retour au sommaire

 

HTML 5, Imprimer une page

 

 

 

Table des matières

1.      Présentation ;

2.      Un exemple.

 

 

Présentation

 

Le principe de l’impression d’une page WEB est le suivant :

  1. Dans la page qui propose l’impression, créez un lien qui ouvrira la page à imprimer dans une nouvelle fenêtre du navigateur, je rappelle que l’attribut est « target » ;
  2. Dans la page cible qui doit être imprimée, ajoutez l’attribut « onload » dans la balise body :

<body onload="window.print()">

 

Dès l’ouverture de cette page, le pilote de l’imprimante sera exécuté.

Puis, après l’impression, l’utilisateur devra refermer la page qui vient d’être imprimée…

 

Un exemple

 

Ici dans cet exemple, la page index.html propose un lien pour imprimer la plaquette de l’entreprise « trucs & Astuces ».

La plaquette sera dans la page plaquette.html et sera imprimée dès son ouverture…

 

Remarque :

·        Si vous désirez tester l’exemple sans pour autant réaliser une réelle impression, il vous suffit de ne pas mettre votre imprimante sous tension.

 

Tester l’exemple >>

 


Le code de l’index :

 

<body>

<h1>Bienvenue</h1>

<p>

<a href="plaquette.html" target="_blanck">

Cliquez ici pour imprimer notre plaquette</a>

</p>

<p>Merci de votre visite...</p>

</body>

 

Le code de la page plaquette.html :

 

<body onload="window.print()">

<h1>Trucs & Astuces</h1>

<p><em>

Du matériel pour votre jardin !

</em></p>

<h2>Adresse</h2>

<adress>

Trucs & Astuces<br />

33 chemin de l'outillage<br />

17000 LA ROCHELLE

<br /><br />

Téléphone : 05.46.33.22.11

</adress>

</body>

 

Philippe BOULANGER