How to print a hidden image using Javascript.

Question

I have two images.I am showing first image on the page.I want to print the second image using Java script.(this image is not showing on the page. its visible is false.).How i will print the second image(only imagenot whole page) which is not showing on the page using java script.

Ikram Shams · Answer

I have tried like below. Now it is working fine for me.

Ikram Shams · Answer

Thanks for your response I tried your code but it is not working. I tried another code that is working. But after print i want to hide the div or image.The hiding of image is not working. I am using this code to hide the image. Please suggest me. document.getElementById('ContentPlaceHolder1_printdiv').style.display = block; document.getElementById('ContentPlaceHolder1_imgOriginal').style.display = block;

RamaSagar Pulidindi · Answer

Keep the second image in div tags and print that div using the below java script div id =printdiv class =printable>. second image script type =text/javascript> $( function () { $( #hrefPrint ).click( function () { // Print the DIV. $( #printdiv ).print(); return ( false ); }); }); script > Normal 0 false false false EN-US X-NONE X-NONE /* Style Definitions */ table.MsoNormalTable{mso-style-name:Table Normal;mso-tstyle-rowband-size:0;mso-tstyle-colband-size:0;mso-style-noshow:yes;mso-style-priority:99;mso-style-parent:;mso-padding-alt:0in 5.4pt 0in 5.4pt;mso-para-margin-top:0in;mso-para-margin-right:0in;mso-para-margin-bottom:8.0pt;mso-para-margin-left:0in;line-height:107%;mso-pagination:widow-orphan;font-size:11.0pt;font-family:Calibrisans-serif;mso-ascii-font-family:Calibri;mso-ascii-theme-font:minor-latin;mso-hansi-font-family:Calibri;mso-hansi-theme-font:minor-latin;}