• Utama
  • Artikel
  • Forum
  • Kandungan
    Utama | Artikel | skrip | Macam mana nak print sebahagian daripada halaman website

    Macam mana nak print sebahagian daripada halaman website

    [ Admin ] [ 19-04-2012 ]
    Sedang menyiapkan tugasan, terkena lak kes kena print sebahagian je daripada halaman portal. Ini adalah kes pertama yang Kuang hadapi. So, operasi mencari dan menyelamat dimulakan di laman profesor serba tahu... pakcik google...

    Akhirnya dapatlah jawapan yang dicari-cari untuk kes ini...

    Senang je... guna css dan javascript ringkas je...

    pada paparan html, masukkan css <div> berikut..

    <div id="divPrint">
    bla bla bla
    </div>

    untuk javascript, letak kod berikut...

    function CallPrint(strid){
        var prtContent = document.getElementById(strid);
        var WinPrint = window.open('','','letf=0,top=0,width=1,height=1,toolbar=0,scrollbars=0,status=0');
        WinPrint.document.write(prtContent.innerHTML);
        WinPrint.document.close();
        WinPrint.focus();
        WinPrint.print();
        WinPrint.close();
        prtContent.innerHTML=strOldOne;
    }

    dan untuk submit button, tambah OnClick seperti berikut :
    <input style="text-align:center" name="btncetak" type="button" id="btncetak" value="Cetak" onClick="javascript:CallPrint('divPrint');"/>

    apabila butang 'Cetak' ditekan, function cetakan akan beroperasi dan akan mencetak dalam ruangan <div> yang berkaitan sahaja.

    That's all...

    Selamat mencuba
     
    << Kembali
     
    Senarai Web BNG
    Empayar : Kuasa Pemerintahan Anda
    Armada :: Revolusi Empayar
    Binagara :: Sebenar-benar negara