Web siteniz üzerinden nasıl PDF dosyalarını açacağınızı mı düşünüyorsunuz? İşte size 2 çözüm yolu..
FFSniffer adlı index sitesi için pdf açma çözümleri ararken 2 farklı çözüm yolu buldum. İlk çözüm yolu embed objesine pdf görevini tanımalamak ve ufak bir javascript kod öbeği ile bunu çalıştırmaktı. İkinci yol ise daha basit bir yöntem. Google Docs ile açmak.
Biraz mantıksız geldi galiba fakat bilmelisiniz ki, PDF reader applikasyonu Google tarafından EMBED hizmeti olarak veriliyor. Dolayısıyla birazcık oynama ile web sitenize Google Docs´u PDF okuyucu olarak entegre edebilirsiniz.
1. Yol, PDF Embed (PDF Objet)
pdfobject.com sitesinden indirebileceğiniz ufak bir javascript betiği ve minik bir fonksiyon ile belirleyeceğiniz div içerisine PDF dosyasını açtırmak mümkün.
Öncelikle buradan js dosyasını indirin ve <head> </head> etiketleri içine aşağıda ki gibi ekleyin.
<script type="text/javascript" src="js/pdfobject.js"></script>
Daha sonra aşağıda ki örnek kod öbeği ile PDF dosyasını div içerisine EMBED edebilirsiniz.
<html>
<head>
<title>PDFÖrneği</title>
<script type="text/javascript" src="js/pdfobject.js"></script>
<script type="text/javascript">
window.onload = function (){
var myPDF = new PDFObject({ url: "ornekPDF.pdf" }).embed("pdf");
};
</script>
</head>
<body>
<div id="pdf">Görünen o ki makineniz de henüz Adobe PDF yüklü değil...</div>
</body>
</html>
Gördüğünüz gibi bu kadar basit. Fakat benim testlerim de bir sürü cross-browser uyumluluk sorunu yaşadım. Bu yüzden yeni bir arayışa geçtim ve Google Docs çözümünü buldum.
2. Yol, Google Docs PDF Iframe
Şimdi bu yöntem aslında çok basit. Ben bu yöntemi aşağıda vereceğim küçük bir JavaScript koduyla çözümledim. İşte kod öbeği ve örnek kullanımı:
<html>
<head>
<title>Google Docs PDF Embed</title>
<script type="text/javascript" language="javascript1.2">
function embedPDF(url,w,h){
document.getElementById(´pdf´).innerHTML = ´<iframe src="http://docs.google.com/gview?url=´+ url +´&embedded=true" style="width:´+ w +´px; height:´+ h +´px;" frameborder="0"></iframe>´;
}
// Scripti çalıştıralım.
window.onload = function (){
embedPDF(´http://www.adresiniz.com/ornekPDF.pdf´,´700´,´400´);
};
</script>
</head>
<body>
<div id="pdf">Bu alana PDF Okuyucu gelecek...</div>
</body>
</html>
İşte bu kadar basit. Artık PDF dosyalarınızı rahatça web siteniz içerisinde açabilirsiniz.
Eğer bana soracak olursanız hangi yöntem diye, benim tercihim ikincisi olacaktır.. Seçim sizin.
Kolay gelsin
