Integration d'un document PDF dans une page html

christobal · 11 Juin 2008

Bonjour,

Je cherche désesperemment comment intégrer l'intreface acrobat reader dans une page html, en l'occurence sous dreamweaver 8, comme sur cette page (lien ci dessous)
http://infos.fr.atosorigin.com/perspectives/

Merci pour vos réponses

PS: Je ne suis vraiment pas doué avec les codes, je viens du print.

Anonyme · 11 Juin 2008

C'est fait avec des frames, c'est mal. Une solution est d'utiliser la balise object et d'encapsuler le fichier pdf.

Bloc de code:

<[COLOR=#800080][B]object[/B][/COLOR] [B]data=[/B][COLOR=blue]"data/test.pdf"[/COLOR] [B]type=[/B][COLOR=blue]"application/pdf"[/COLOR] [B]width=[/B][COLOR=blue]"300"[/COLOR] [B]height=[/B][COLOR=blue]"200"[/COLOR]>
  alt : <[COLOR=#800080][B]a[/B][/COLOR] [B]href=[/B][COLOR=blue]"data/test.pdf"[/COLOR]>test.pdf</[COLOR=#800080][B]a[/B][/COLOR]>
</[COLOR=#800080][B]object[/B][/COLOR]>

Source

Membre supprimé 2 · 12 Juin 2008

Sinon tu peux utiliser les pop-up.

Bloc de code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
<title>Pop Up PDF</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript">
<!--
window.name = 'main';

function popup_pdf(page,winname) {
    newwin = window.open(page,winname,'width=640,height=540,scrollbars=yes,resizable=yes,top=100,left=100');
    newwin.focus();
}
//-->
</script>
</head>

<body>
<a href="#" onclick="popup_pdf('http://developer.apple.com/documentation/UserExperience/Conceptual/APStyleGuide/AppleStyleGuide2006.pdf','pdf');">View PDF </a>
</body>
</html>

p4bl0 · 12 Juin 2008

tumb a dit:

Sinon tu peux utiliser les pop-up.

Bloc de code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
<title>Pop Up PDF</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript">
<!--
window.name = 'main';

function popup_pdf(page,winname) {
    newwin = window.open(page,winname,'width=640,height=540,scrollbars=yes,resizable=yes,top=100,left=100');
    newwin.focus();
}
//-->
</script>
</head>

<body>
<a href="#" onclick="popup_pdf('http://developer.apple.com/documentation/UserExperience/Conceptual/APStyleGuide/AppleStyleGuide2006.pdf','pdf');">View PDF </a>
</body>
</html>

Et alors les gens qui ont javascript désactivé ou non supporté ils n'ont pas droit au pdf ?

Membre supprimé 2 · 12 Juin 2008

Oui c'est sûr, mais tu sais j'ai plusieurs outils de tracking sur tous mes sites, la majorité des gens utilise JS

A mon avis, ceux qui ne l'utilisent pas peuvent le ré-activer facilement si ils veulent vraiment voir le contenu

Anonyme · 12 Juin 2008

tumb a dit:
Oui c'est sûr, mais tu sais j'ai plusieurs outils de tracking sur tous mes sites, la majorité des gens utilise JS A mon avis, ceux qui ne l'utilisent pas peuvent le ré-activer facilement si ils veulent vraiment voir le contenu

On dit qu'environ 14% des surfeurs n'ont pas javascript activé ou disponible, notamment ceux qui surfent avec un GSM basique.

Ton code est facilement adaptable pour tous les cas (même si j'attacherais plutôt un évènement au lieu de coder le javascript en hard dans le html) :

Bloc de code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
<title>Pop Up PDF</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript">
<!--
window.name = 'main';

function popup_pdf(page,winname) {
    newwin = window.open(page,winname,'width=640,height=540,scrollbars=yes,resizable=yes,top=100,left=100');
    newwin.focus();
}
//-->
</script>
</head>

<body>
<a href="http://developer.apple.com/documentation/UserExperience/Conceptual/APStyleGuide/AppleStyleGuide2006.pdf" onclick="popup_pdf(this.href,'pdf'); return false;">View PDF </a>
</body>
</html>

Inspiration

guipascal · 18 Juillet 2008

gloup gloup a dit:
C'est fait avec des frames, c'est mal. Une solution est d'utiliser la balise object et d'encapsuler le fichier pdf.

Bloc de code:

<[COLOR=#800080][B]object[/B][/COLOR] [B]data=[/B][COLOR=blue]"data/test.pdf"[/COLOR] [B]type=[/B][COLOR=blue]"application/pdf"[/COLOR] [B]width=[/B][COLOR=blue]"300"[/COLOR] [B]height=[/B][COLOR=blue]"200"[/COLOR]> alt : <[COLOR=#800080][B]a[/B][/COLOR] [B]href=[/B][COLOR=blue]"data/test.pdf"[/COLOR]>test.pdf</[COLOR=#800080][B]a[/B][/COLOR]> </[COLOR=#800080][B]object[/B][/COLOR]>

Source

Oh que oui que c'est mieux qu'avec des vilaines frames!
Par contre il se passe quelque chose d'extraodinaire et contraire aux habitudes :
Les pdf s'affichent bien sous IE (même 6!) mais sous firefox j'obtiens un message d'Acrobat plug-in : "This operation is not allowed" et ce sous ff2 comme ff3, sur windows 2000, windows XP et linux...
Par contre les pdf seuls s'ouvrent très bien.
Quelqu'un a une idée?

guipascal · 19 Juillet 2008

On n'est jamais mieux servi que par soi-même!
Après une longue recherche sur le web, j'ai trouvé la source de ce problème qui faisait crasher firefox.
Et je comprend que le bug ne soit pas très répandu car il concerne uniquement la version 7.0 d'Acrobat.
Une mise à jour vers la version 7.1 suffit à corriger le problème...
Donc voilà, je confirme, le code donné par gloup gloup fonctionne parfaitement et d'après nos amis du W3 "This Page Is Valid XHTML 1.1!" ce qui fait toujours plaisir en ces temps de crise économique et de dumping social.

Integration d'un document PDF dans une page html

christobal

Membre confirmé

Anonyme

Invité

Membre supprimé 2

Invité

p4bl0

Membre expert

Membre supprimé 2

Invité

Anonyme

Invité

guipascal

Membre enregistré

guipascal

Membre enregistré

Sujets similaires