Print untuk element tertentu

Print untuk element tertentu

485
3
SHARE

Mumpung ada waktu buat nulis, mari kita kebut nulisnya… hahaha… kali ini saya akan menulis tentang bagaimana melakukan print untuk element tertentu.

Misalkan gini dalam suatu halaman, kita memiliki tombol print. Namun kita menghendaki yang kita print bukanlah keseluruhan dari halaman tersebut melainkan hanya isi dari suatu div misalnya. Jika dari awal penulisan kode anda telah menentukan masing-masing div mana yang muncul di print mana yang tidak, maka tidak akan ada masalah. Masalahnya ketika dari awal kita tidak mendefinisikan secara khusus masing-masing div.

Kalo kondisi yang diminta seperti diatas, agak sedikit sulit memang, tapi bisa dilakukan dengan cara berikut ini :

Step 1 : Buatlah index.php. Dalam kondisi ini kita akan mencoba mencetak div content yang berisi 4 paragraf.

Step 2 : Tambahkan style.css dengan kode sebagai berikut :

Step 3 : Tambahkan jquery dan javascript sebagai berikut pada index.php (sebelum penutup element body).

Jalankan index.php melalui browser dan cobalah klik text cetak artikel ini, maka akan muncul window baru dengan content sesuai yang ada dalam div content serta jendela print dialog. Cobalah demo di bawah ini :

DEMO | DOWNLOAD

Anda bisa menentukan sendiri element mana yang ingin anda cetak. Mudah bukan, semoga bermanfaat. Terima kasih telah berkunjung ke harviacode.com. Jangan lupa di komen, like and share ya. hee..

Bagikan artikel ini ya.. terima kasih

3 COMMENTS

LEAVE A REPLY