Discussion :

[Obturatix]

Bonjour,
j'ai ce code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<p><img src="/MesImages/pdf.jpg" align="Left" width="25" height="25" > <a title="Monfichier Pdf" href="/Fichiers_pdf/Monfichier.pdf"  target="_blank">Mon fichier pdf</a></p>

il est ok pour télécharger le fichier pdf

MAIS

je voudrais qu'en cliquant sur limage de l'icône pdf ,on puisse voir le document ( tout en gardant la possibilité en cliquant sur le texte de télécharger le fichier)

Il y a < embed .... mais je ne vois pas où le placer et quoi mettre exactement ous'il y a une autre manière de pouvoir faire cela

Merci de votre aide

Obturatix

[Invité]

Bonjour,

1-

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<p>
   <a title="Monfichier Pdf" href="/Fichiers_pdf/Monfichier.pdf"  target="_blank"><img src="/MesImages/pdf.jpg" align="Left" width="25" height="25" > Mon fichier pdf</a>
</p>

Là, le lien inclus l'image/icône.

Presque tous les navigateurs récents (Firefox,...) ont un lecteur PDF intégré : le PDF s'ouvre dans le navigateur (on peut donc "voir" le pdf).
D'autres n'ont pas de lecteur PDF intégré : ils proposent alors directement le téléchargement.

• Voir les fichiers PDF dans Firefox sans les télécharger

2- Si tu veux afficher le PDF DANS ta page :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<object data="/Fichiers_pdf/Monfichier.pdf" type="application/pdf" style="width: 100%; height: 800px;"></object>

Ça peut être mis dans un <div> en display:none; et passer en display:block; au clic sur l'icône.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<p>
  <img src="/MesImages/pdf.jpg" align="Left" width="25" height="25" onclick="document.getElementById('vue_pdf').style.display=(document.getElementById('vue_pdf').style.display=='none')? 'block':'none';"> 
  <a title="Monfichier Pdf" href="/Fichiers_pdf/Monfichier.pdf"  target="_blank">Mon fichier pdf</a>
</p>
<div id="vue_pdf" style="display:none;">
  <object data="/Fichiers_pdf/Monfichier.pdf" type="application/pdf" style="width: 100%; height: 800px;"></object>
</div>

[Obturatix]

Bonjour,
la classe. impeccable exactement ce que je voulais, j'y serai pas arrivé tout seul.
Un grand merci.
Obturatix