Display PDF File

Berikut step-step untuk menampilkan PDF file dengan pada web anda:

Pada view anda, tambahkan code javascript berikut:

<script>
    if (!document.getElementsByTagName)
        return false;
    var links = document.getElementsByTagName("a");
    for (var eleLink=0; eleLink < links.length; eleLink ++)
    {
        if (links[eleLink].href.indexOf('.pdf') !== -1)
        {
            links[eleLink].onclick = function() { window.open(this.href,'resizable,scrollbars'); return false; }
        }
    }
</script>

Penjelasan : code tersebut digunakan untuk menangkap sebuah tag “a” dimana dia akan membuka tab baru saat user menekan click pada link yang sudah ada. Lalu setelah itu tab baru yang telah terbuka tersebut akan menampilkan PDF file yang ada pada link tersebut. Lalu buat link untuk mengakses PDF file nya seperti berikut:

Lihat <a href="a/../data/test.pdf">PDF document</a>

Penjelasan : Code tersebut mengarahkan pada PDF file yang akan di akses…

Anda dapat membuat link itu menjadi dinamis dengan menhubungkan nya lewat database…

Selesai… Selamat mencoba…

Semoga membantu…😀

4 Responses to Display PDF File

  1. rifkihanny says:

    Mas Sabit, ada contoh kalau pdfnya didapat dari database ?

  2. nella says:

    kak, kok di return false yang pertama error ya? itu kenapa? mksh

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: