Thursday 26 September 2013

Cara Untuk Hilangkan Button BACK ketika Print Proses

Assalamualaikum semua...

Di sini ada satu cth kod yang simple macamana kita nak hilangkan button apabila print page tersebut.
Ini adalah kod untuk button BACK :-

 <td class="upper_bold" valign="top"><div align="right"><a href="javascript:window.print()">
                <input tabindex="21" name="back" type="button" id="del_print" value="Back" class="button" onclick="history.back(-1)" />
             
                <img src="../images/print_icon.gif" alt="Cetak Paparan ini" width="22" height="24" id="print" border="0" onclick="Cetak"/></a></div></td>

Kemudian cuma letakkan CSS ni :-

<style media="print" type="text/css">
body{
    padding:0!important;
    margin:0!important;
    font:normal 15px/20px Verdana, Arial, Helvetica, sans-serif!important;
    background-color:transparent!important;;
}
#del_print {
    display:none!important;

}
table {
    margin:0!important;
    padding:0!important;
}
#print_title {
    display:block!important;
    margin-bottom:10px!important;
}
#rpt_title {
    text-align:center;!important;
    margin-bottom: 10px;!important;
    font-size:12px;!important;
}
#rpt_title span {
    font-weight:bold;!important;
    font-size:12px;!important;
}
#header {
    font-weight:bold;!important;
    font-size:13px;!important;
    line-height:30px;!important;
    text-transform:uppercase;!important;
}img {
    width:90%!important;
}
</style>
Sekian saja...:)

----------------------------------------------------------
Disediakan Oleh : Hasnita Mat Zan

0 comments:

Post a Comment