Créer une visionneuse de fichiers PDF avec Jquery

Il y a quelques semaines, La world wild foundation lançait un outil de conversion pour créer des fichiers non imprimables, et ainsi limiter les impressions intempestives de documents, favorisant de fait la protection des ressources naturelles.

Si sur votre site vous proposez de nombreux fichiers pdf, vous aussi proposer à vos visiteurs de consulter directement les documents en ligne, pour la plus grande partie d’entre eux, cette démarche évitera  des téléchargement et des impression (et même l’utilisation de logiciels extérieurs).

Google propose par un outil de visualisation en ligne  Google docs Viewer qui permet de consulter tous les documents aux formats PDF et Powerpoint sans avoir besoin d’une visionneuse extérieure.

Je vous propose de créer une petite fonction avec Jquery qui vous permettra de transformer vos liens vers les documents PDF en une petite visionneuse.

Le système est (bien sur) largement perfectible, mais je vous laisse le soin de l’adapter à vos besoins.

pour le mettre en place, je vous propose la méthode suivante.

1/ incluez un lien vers votre document pdf :

2/ dans le de votre document ajoutez un lien ver la librairie Jquery

3/ dans votre page ajoutez le script suivant

Pour voir un exemple, cliquez ici vous pouvez bien sur ajouter des options et des style pour améliorer le rendu de votre visionneuse.

Pour aller plus loin :

Créer une visionneuse de fichiers PDF avec Jquery

2 commentaires sur “Créer une visionneuse de fichiers PDF avec Jquery

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Merci de faire ce calcul pour valider votre commentaire *

Bear