Cara Mencetak Konten Frame Tertentu di Website Dengan Javascript

Kadang kita butuh mencetak isi atau konten dari sebuah frame yang ada di laman website, untuk melakukan itu kita bisa menggunakan javascript. Frame adalah sebuah tag yang ada dalam html yang digunakan untuk menampilkan document atau halaman lain dalam suatu frame tersebut.

Dalam satu halaman html kita bisa menampilkan halaman-halaman lain menggunakan frame dengan pengaturan sedemikian rupa. Untuk menampilkan beberapa frame biasanya kita membutuhkan pula tag frameset, dimana posisi frame di dalam frameset tersebut.

Dari gambar diatas dapat kita lihat halaman utama terdiri dari 3 frame yaitu :

Frame MENU
Frame KANANATAS
Frame KANANBAWAH

Ketiga Frame tersebut berada dalam satu frameset dan masing-masing frame menampilkan halaman yang berbeda.

Sebenarnya untuk mengatur tampilan ini kita bisa juga memakai tag div, namun itu semua tergantung dari selera dan kemampuan dari programmer yang membuat sebuah website.

Kembali kita kepada topik yaitu Bagaimana Cara Mencetak Konten Frame Tertentu di Website Dengan Javascript.

Perhatikan contoh gambar diatas, misalnya kita ingin membuat suatu Laporan Berdasarkan Range Waktu yang diatur pada Frame KANANATAS.

Hasil Laporan akan muncul di Frame KANANBAWAH.

Lalu sekarang kita akan mencetak Konten atau Dokumen dari Frame KANANBAWAH dengan Mengklik Tombol yang ada di Frame KANANATAS.

Ikuti Caranya Berikut ini :

Tambahkan 1 Tombol Untuk Mencetak di Dokumen Frame KANANATAS dengan Value "Cetak Laporan"
Berikut Script HTML dan JAVASCRIPT Untuk Tombol Tersebut


<INPUT TYPE =button name="cmdPrint" VALUE="Cetak Laporan"

 onClick="parent.KANANBAWAH.print()">

Sekarang Lakukan Ujicoba Apakah yang dicetak adalah betul Frame KANANBAWAH
Jika Benar Berarti Sahabat sudah berhasil mempraktekkan Artikel ini.

Browser Chrome Tidak Menyediakan fasilitas mencetak pada satu frame yang dipilih, berbeda dengan Browser Mozilla, kita bisa mencetak suatu frame yang kita pilih dengan perintah menu "Print This Frame".

Jadi jika sahabat membuat sebuah website dan menampilkan laporan pada frame yang berbeda maka ada baiknya membuat sebuah tombol untuk mencetak konten frame tertentu di website dengan javascript sesuai artikel ini.

5 Responses to "Cara Mencetak Konten Frame Tertentu di Website Dengan Javascript"

AnonymousOctober 3, 2018 at 5:24 AM
I was wondering if you ever considered changing the layout of your blog?
Its very well written; I love what youve got to say. But maybe you could a little more in the way of content so people could connect with it better.
Youve got an awful lot of text for only having 1 or two pictures.
Maybe you could space it out better?
AnonymousOctober 4, 2018 at 1:17 PM
We are a group of volunteers and opening a new scheme in our community.

Your site offered us with valuable info to work on. You have
done an impressive job and our whole community will be grateful to
you.
AnonymousOctober 5, 2018 at 2:02 PM
What's up to all, how is everything, I think every one is getting more from this web site, and
your views are good designed for new viewers.
AnonymousOctober 6, 2018 at 2:42 AM
Hey there just wanted to give you a quick heads up.

The text in your content seem to be running off the screen in Opera.
I'm not sure if this is a formatting issue or something to do with internet browser compatibility but I figured I'd post to let you know.
The design and style look great though! Hope you get the problem fixed soon. Cheers
AnonymousOctober 22, 2018 at 2:31 AM
I'm really impressed with your writing skills and also with the layout on your
blog. Is this a paid theme or did you customize it yourself?
Either way keep up the nice quality writing,
it is rare to see a great blog like this one these days.

Silahkan Komentar Yang Membangun. Komen SARA, Judi, Pornografi dan Melanggar Undang-Undang akan ditandai sebagai SPAM