Comment utiliser JavaScript pour imprimer un PDF
Il est compréhensible de vouloir imprimer un PDF via du code directement dans votre page web. L'alternative : faire télécharger le PDF, l'ouvrir et l'imprimer depuis un autre programme (ex. Adobe Acrobat). JavaScript pour imprimer un PDF évite ces étapes à l'utilisateur.
Étape 1
Ouvrez votre éditeur de code. Une iframe (cadre en ligne) est un élément HTML conçu pour contenir un document externe. JavaScript peut imprimer son contenu. Assurez-vous que le fichier HTML de la page et le PDF sont dans le même répertoire pour que le code fonctionne sans modification. HTML nécessaire :
<iframe src="document.pdf" id="PDFtoPrint" style="display:none;"></iframe>
L'attribut src (source) indique à l'iframe où trouver le document externe (ici le PDF). Si votre PDF a un autre nom/chemin, modifiez « document.pdf ». L'attribut id permet de référencer l'iframe en JavaScript.
Étape 2
Écrivez le JavaScript pour référencer l'iframe et imprimer son contenu. Le HTML suivant crée un bouton « Imprimer » avec du JavaScript dans l'événement onclick :
<button onclick="document.getElementById('PDFtoPrint').focus(); document.getElementById('PDFtoPrint').contentWindow.print();">Imprimer</button>
Le JavaScript référence l'iframe par son ID « PDFtoPrint ». Les deux commandes envoyées pour l'impression sont focus() et contentWindow.print().
Étape 3
Sauvegardez et testez. Enregistrez avec l'extension .htm et ouvrez dans votre navigateur pour tester.