Forum Moderators: open
I need to print an image that is on a webpage using local printer.
Clicking on a button will print that image. And no other contents on the webpage get printed.
How can I achieve thsi functionality?
Thankyou.
<html>
<head><style type="text/css">
@media print{
.noPrint {display:none}
}</style></head>
<body><p class="noPrint">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In augue. Proin sagittis odio vitae nunc. Mauris a mauris quis nisi tincidunt lacinia. Aenean sagittis nisi in dolor. Nullam ac risus nec ligula ultrices adipiscing. Ut ultrices iaculis augue. Maecenas feugiat justo eget nisl. Nunc a libero nec dui condimentum euismod. Vivamus sollicitudin quam eu lacus. Curabitur consequat ipsum sed lacus. Duis non pede vitae nibh pellentesque vehicula. Nulla convallis. Nunc congue velit vitae erat. Nullam pellentesque ullamcorper pede. In sapien. Ut enim. Etiam ante libero, tempus congue, interdum posuere, elementum eleifend, est. Ut ornare, magna et porta facilisis, metus nibh egestas arcu, ac dapibus nisi turpis id quam.</p>
<img src="myImage.png" width="100" height="100" alt="" />
<p class="noPrint">Etiam sollicitudin placerat urna. Donec lectus lorem, tempus ac, hendrerit nec, bibendum eget, nulla. Aliquam justo nisi, posuere non, venenatis ut, pharetra non, massa. Quisque vehicula, lorem et nonummy bibendum, diam est venenatis ipsum, nec malesuada ante felis sed arcu. Nunc at lectus. Proin pellentesque, enim sit amet pharetra imperdiet, sapien metus tempus arcu, in tincidunt magna leo vitae ligula. Suspendisse eget lacus eget sem pharetra dapibus. Pellentesque ultrices, felis lobortis pretium egestas, eros sem tincidunt enim, quis vestibulum libero eros quis mi. Aliquam interdum ante a lorem. Nam eget neque. Phasellus nibh. Duis convallis sodales massa. In suscipit velit eu justo. Curabitur a mauris. Nunc commodo gravida nulla. </p>
</body>
</html>
