Comment utiliser JavaScript pour imprimer un PDF

Il est compréhensible que vous souhaitiez imprimer un fichier PDF à l'aide d'un code situé directement dans votre page Web. L'alternative consiste à faire en sorte que votre visionneuse télécharge le fichier PDF, l'ouvre puis l'imprime à partir d'un autre programme tel qu'Adobe Acrobat. L'utilisation de JavaScript pour imprimer un PDF évite à l'utilisateur final d'avoir à passer par les étapes d'examen d'un fichier PDF avant de l'imprimer.

Étape 1

Ouvrez votre traitement de texte, car vous allez devoir écrire du code. Un cadre en ligne, ou "iframe", est un élément d'une page Web conçu pour contenir un document externe. Vous avez besoin de l'élément iframe car JavaScript est capable d'imprimer son contenu. Assurez-vous simplement que le fichier HTML de la page Web et le fichier PDF se trouvent dans le même répertoire si vous voulez que le code fonctionne correctement sans être modifié. Voici le code HTML qui doit figurer dans votre page :

L'attribut "src", ou source, est la manière dont l'élément iframe sait où rechercher un document externe. Dans ce cas, il pointe vers le fichier PDF. Ainsi, si votre fichier PDF a un nom de fichier ou un chemin différent, modifiez "document.pdf" pour refléter les informations correctes. L'attribut "id" vous permettra de référencer cette iframe avec JavaScript.

Étape 2

Écrivez un JavaScript pour référencer l'iframe et imprimer son contenu. Le code HTML suivant crée un bouton "Imprimer" avec une ligne de JavaScript dans le gestionnaire d'événements "onclick" pour que cela se produise :

Le JavaScript fait référence à l'élément HTML iframe par son ID "PDFtoPrint" que vous avez attribué. Les deux commandes envoyées à l'iframe pour l'impression sont "focus()" et "contentWindow.print()".

Étape 3

Enregistrez et testez votre travail. Vous souhaiterez probablement enregistrer le code avec une extension de fichier ".htm", puis l'ouvrir dans votre navigateur Web pour le tester.