Voir le document pdf

Bonjour,
j'ai ce code :

Code:

---

<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

Bonjour,

1-

Code:

---

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:

---

<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:

---

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>

---

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