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
Thursday, 26 September 2013
Cara Untuk Hilangkan Button BACK ketika Print Proses
5:21 pm
No comments
Subscribe to:
Post Comments (Atom)
0 comments:
Post a Comment