How to remove at Javascript print function? Following is my view page before clicking print button(before fired print function)
View page after clicking print button (after fired print function)
I want to remove link(url) from Edit and delete button which are showing below..
Javascript function
function printDiv(divName)
{
var printContents = document.getElementById(divName).innerHTML;
var originalContents = document.body.innerHTML;
document.body.innerHTML = printContents;
window.print();
document.body.innerHTML = originalContents;
}
Advertisement
Answer
Easiest way is to add a css class to those and then create a media query for print (if you don’t have it already) and hide them.
For example:
<a class="hide-for-print">Edit</a> <a class="hide-for-print">Remove</a>
And then in your style file add this:
@media print {
/* All your print styles go here */
.hide-for-print { display: none !important; }
}
Of course you can do it by element but you might not want to hide all a tags when printing.

