Javascript: come utilizzare pdfObject per visualizzare file PDF

0 Condivisioni

Utilizzando la libreria pdfObject è possibile visualizzare file pdf nelle proprie pagine Web con pochissime righe di codice:

Javascript

<html>
<head>
<title>PDFObject example</title>
<script type="text/javascript" src="pdfobject.js"></script>
<script type="text/javascript">
window.onload = function (){
var myPDF = new PDFObject({ url: "sample.pdf" }).embed();
};
</script>
</head>

<body>
<p>It appears you don't have Adobe Reader or PDF support in this web
browser. <a href="sample.pdf">Click here to download the PDF</a></p>
</body>
</html>

Quest’altro esempio invece fa visualizzare due file PDF in una sola pagina:

<html>
<head>
<style type="text/css">
<!--

#pdf1, #pdf2 {
	width: 500px;
	height: 300px;
	margin: 2em auto;
	border: 10px solid #6699FF;
}

#pdf1 p, #pdf2 p {
padding: 1em;
}

#pdf1 object, #pdf2 object {
display: block;
border: solid 1px #666;
}

-->
</style>

<script type="text/javascript" src="/scripts/pdfobject.js"></script>
<script type="text/javascript">

var pdfOpen_params = {

	navpanes: 1,
	view: "FitH",
	pagemode: "thumbs"

};

var pdfAttributes = {
	
	url: "/pdf/sample.pdf",
	pdfOpenParams: pdfOpen_params

};

window.onload = function (){

	var pdf = new PDFObject(pdfAttributes);
	pdf.embed("pdf1");
	
	var pdf2 = new PDFObject({ url: "/pdf/sample.pdf" });
	pdf2.embed("pdf2");

	
};

</script>

</head>

<body>
<h1>Embedding multiple PDFs using PDFObject</h1>
<p>Multiple PDFs can be embedded inside a single HTML document. Note that this is not a recommended practice and may result in buggy behavior from Adobe Reader.</p>
<p> </p>

<div id="pdf1">It appears you don't have Adobe Reader or PDF support in this web browser. <a href="/pdf/sample.pdf">Click here to download the PDF</a></div>

<div id="pdf2">It appears you don't have Adobe Reader or PDF support in this web browser. <a href="/pdf/sample.pdf">Click here to download the PDF</a></div>


</body>
</html>

Potete scaricare libreria e documentazione qui: http://pdfobject.com/

Se volete seguire i post di www.informarea.it potete iscrivervi al suo feed RSS.


0 Condivisioni

Fabrizio Cannatelli

Fondatore di Informarea.it, è un appassionato di informatica. Ha lavorato per molti anni come Analista Programmatore presso varie aziende utilizzando diversi linguaggi di sviluppo, oggi svolge un lavoro completamente diverso ma la voglia di comunicare e di condividere con il web i suoi studi e le sue curiosità lo hanno spinto a far nascere questo blog non solo per esprimere e mostrare la passione per questo mondo, ma anche per confrontarsi con nuove esperienze di sviluppo.

Fabrizio Cannatelli

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.