PDF beágyazás honlapokba
Szeretném bemutatni az egyik legkönnyebben használható PDF-t honlapba beágyazó scriptet, hiszen egyre több helyen kérik, hogy a honlapon PDF dokumentumot helyezzünk el (elég csak a mindenféle engedélyekre gondolni egy webshop esetében).
A PDFObject talán a legegyszerűbben használható ilyen script. Gyors, egyszerű és kicsi.
Kezdjük a végeredménnyel, így néz ki:
Használata egyszerű, csak kövessük az alábbi lépéseket:
- töltsük le a pdfobject.js-t
- illesszük a HEAD-be a letöltött scriptet.
...
<head>
<title>PDFObject example</title>
<script type="text/javascript" src="pdfobject.js"></script>
...
</head>
<body>
...
- az oldal betöltés eseményhez írjuk be az alábbi scriptet (pdf dokumentumonként)
var teszt_pdf_objektum = {
url: "http://www.dynamicart.hu/blog/files/fb_pages_manual.pdf",
width: "500px",
height: "300px",
pdfOpenParams: { view: "FitV" }
};
var teszt_pdf = new PDFObject(teszt_pdf_objektum).embed("teszt_pdf_embed");
- a HTML kódunkban helyezzük el a cél DIV-t, ahol a PDF-t megszeretnénk jeleníteni
... <body> ... <div id="teszt_pdf_embed"></div> ...
- további beállítások itt: http://pdfobject.com/
