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 :
|
1 |
<a href="http://passeurs-de-savoirs.fr/pdf/tdm80j.pdf">Le tour du monde en 80 jours</a> |
2/ dans le de votre document ajoutez un lien ver la librairie Jquery
3/ dans votre page ajoutez le script suivant
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<script type="text/javascript">// $(function(){ $('.pdfview').each (function(i) { $(this) $(this).replaceWith(' <h2><a href="'+$(this).attr('href')+'">'+$(this).text()+'</a></h2> <iframe src="http://docs.google.com/viewer?url='+$(this).attr('href')+'&#038;embedded=true" width="500" height="250" style="border: none;"></iframe> '); });</li> }); </script> |
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 :
- La bibliotèque Jquery
- Google docs Viewer
- Un très bon tuto sur Jquery
Indispensable…
Niquel, mais un bémol par contre pour ce qui est des fichiers avec accents, je sais c'est pas bien de mettre des accents dans les noms de fichiers, il n'empêche qu'avec tous les outils en rapport avec les encodages, je suppose qu'il est possible d'afficher sur son site un fichier PDF, via jquery et ce script très simple, dont le nom de fichier contient des accents..
Ex : ce fichier http://anar.zone.free.fr/documents.php?n=2 comparé à celui ci http://anar.zone.free.fr/documents.php?n=1