Easy-Design.Net forum




Documentations et Dossiers [Phpboost V3] PDF, un fichier que l'on voit souvent

hight_tower Membre non connecté

Modérateur

Rang

Avatar

Modérateur(s)

Inscrit le : 17/09/2009 à 11h09

Messages: 2298

Le 30/10/2012 à 08h41
C'est une juste un petit tutoriel sur comment utilisé un fichier pdf.

Prenons par exemple un fichier .pdf qui se trouve à cette adresse: http://www.paroledecheminot.be/telechargement/Annee_2012/transport_tout_public/05/touchepas-mai2012.pdf

Nous pouvons le lire de telle manière comme ceux-ci:

Lire une extension .PDF


De façon libre


Tout simplement en allant sur ce lien:

http://www.paroledecheminot.be/telechargement/Annee_2012/transport_tout_public/05/touchepas-mai2012.pdf

De façon plus conventionnel


En utilisant le bouton

Ce qui donnerez ceux-ci:
Code BBCODE :
[url=http://www.paroledecheminot.be/telechargement/Annee_2012/transport_tout_public/05/touchepas-mai2012.pdf[/url]


Certes c'est bien, mais comment puis je faire pour l'ajuster avec ma page d'accueil, sur mon forum, etc...

De façon à l'utiliser avec une balise html & une iframe


En utilisant le bouton

En utilisant par exemple une
Code HTML :


Ce qui donnerez ceux-ci
Code HTML :
<iframe src="http://www.paroledecheminot.be/telechargement/Annee_2012/multimedia/metro_a20121029.pdf"></iframe>


Je n'ai pas encore d'ajustement, donc je rajouterais ceux-ci:
Code HTML :
 width="" height=""


Ce qui donne le complément iframe avec largeur et hauteur, ceux-ci:
Code HTML :
<iframe src="http://www.paroledecheminot.be/telechargement/Annee_2012/multimedia/metro_a20121029.pdf" width="860px" height="850px"></iframe>


je veux pousser encore plus loin dans ma démarche, utilisation de la balise object


Commençons par utilise les balises
Code HTML :


Ensuite insérons un lien pour le chemin du pdf
Code HTML :
 
type="application/pdf" name="PDF" id="PDF"> 
<param name="src" value="http://www.paroledecheminot.be/telechargement/Annee_2012/transport_tout_public/05/touchepas-mai2012.pdf" /> 
 

Petit mot d'explication:
=>> object type: on fourni à la balise de type d'application avec son extension demandé
=>> name & id, serviront lorsque vous pointerais votre souris à désigner le nom de votre document, dans l'exemple il se nomme pdf
=>> param name="src" value=>> donnez l'adresse de votre fichier

Ce qui donne:
Code HTML :
<object type="application/pdf" name="PDF" id="PDF"> 
<param name="src" value="http://www.paroledecheminot.be/telechargement/Annee_2012/transport_tout_public/05/touchepas-mai2012.pdf" /> 
</object> 



De façon à être complète, je voudrais insérer les extensions .pdf


Utilisations de la balise javascript:
Code JAVASCRIPT :
<script type="text/javascript"> </script>


Implantation dans la balise des paramètre du lecteur de Adobe

Code JAVASCRIPT :
 
PDF.SetShowToolBar("true");
PDF.SetShowScrollbar("true");
PDF.SetPageMode("none");
PDF.setZoom(80%); 
 

Petit mot d'explication:
=>> PDF.SetShowToolBar("true"); barre d'outils true(visible) false(non visible)
=>> PDF.SetShowScrollbar("true"); barre de scroll true(visible) false(non visible)
=>> PDF.SetPageMode("none"); cache les signets
=>> PDF.setZoom(80%); Zoom le document ici dans l'exemple à 80%

Ce qui donne en rassemblant le tout ceux-ci:

Code HTML :
<object type="application/pdf" name="PDF" id="PDF"> 
<param name="src" value="http://www.paroledecheminot.be/telechargement/Annee_2012/transport_tout_public/05/touchepas-mai2012.pdf" /> 
</object> 
 
<script type="text/javascript"> 
PDF.SetShowToolBar("true"); 
PDF.SetShowScrollbar("true");
PDF.SetPageMode("none"); 
PDF.setZoom(80%); 
</script>


Height/Width contre Object/Iframe


Les deux utilisation sont bonnes:
Mais pour information:
  • les balises Height/Width dénaturerons le fichier
  • les balises Object/Iframe garderons la qualité du fichier


Maintenant c'est à vous de voir, quelle est la meilleur combine pour vos fichiers .pdf Edité par hight_tower Le 30/10/2012 à 08h44



Chez Swan Site design Web phpboost3. Membre depuis 2009 & modérateur depuis 2011.
babsolune Membre non connecté

EDN Intéressé(e)

Rang

Avatar

Inscrit le : 23/01/2012 à 01h32

Messages: 69

Le 09/11/2012 à 17h10
Ctrl+D

merci :)


plop
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie