FAT78 - Artisan numérique
 

> Lab > Afficher des documents

vendredi 29 janvier 2016

Afficher des documents ?

Peut-on afficher, dans une fenêtre, presque tout type de documents informatique ?

Pas directement ... Alors j’ai mis en place un modèle "docu" qui comporte les paramètres nécessaire pour contrôler l’affichage du document.

Zip - 964 octets
docu.html.zip

Il suffit d’insérer dans le corps de l’article la balise <docuXX> ou XX est l’identifiant du document téléchargé.

Ce modèle affiche par défaut une fenêtre 100% de large ( = la largeur du conteneur, limitée par défaut entre 300px mini et 800px maxi), de 40vmax de haut, parfaitement "responsive" en largeur. Astuce : si on veut annuler la limite de 800px de large tout en conservant le mode "responsive", il faut donner une valeur en % au paramètre maxwidth). Ci-dessous, en insérant <docu44|maxwidth=100%> par exemple, on affiche un document pdf dans une fenêtre qui occupe toute la largeur de l’écran :

 
alt :
 

Paramètres optionnels de la fenêtre d’affichage :
- align : alignement left ou right (par défaut = left)
- width : largeur en % (attention, dès qu’on donne des valeurs en pixels, l’image n’est plus "responsive") (par défaut = 100%)
- height : hauteur en vmax (1vmax=1% de la hauteur de l’écran - attention, dès qu’on donne des valeurs en pixels, l’image n’est plus "responsive") (par défaut = 40vmax)
- maxwidth : largeur max en pixels (utile pour éviter que l’image affichée soit plus grande que le document réel !) (par défaut = 800px)
- minwidth : largeur mini en pixel (utile pour éviter que l’image soit trop petite pour avoir un aperçu du document !) (par défaut = 300px)
- margin : marges gauche et droite, haute et basse, identiques (par défaut = 5px)
- titre : texte en gras au-dessus de la fenêtre (par défaut = ligne vide)
- legende : texte en italique au-dessous de la fenêtre (par défaut = ligne vide)

Ces paramètres permettent d’insérer dans le texte des documents de différents types, en contrôlant l’emprise et le positionnement des fenêtres d’affichage, comme ci-dessous (6 documents affichés à 30% de largeur)

"pdf"
alt :
(plusieurs pages)
"rtf"
alt :
(une seule page)
"txt"
alt :
(une seule page)
"doc"
alt :
(une seule page)
"xls"
alt :
(une seule page)
"ppt"
alt :
(plusieurs pages)
Lorsqu’un document ne peut pas être affiché directement, une vignette est proposée avec lien pour ouverture du document par l’application correspondante.

Pour les seuls documents pdf, il y a le plugin "pdf.js" à base de javascript qui implémente un modèle <lecteurpdfXXX> qui présente le document pdf sur tout support. L’affichage est responsive si la largeur est définie en % (mais pas en hauteur) Le modèle <lecteurpdfXXX|largeur=L%|hauteur=Hpx|align=left (par défaut) ou right (pas de center)> affiche les pdf sur tous les supports.



SPIP | | Plan du site | Suivre la vie du site RSS 2.0