How can I print using JQuery

Question

I have nested divs  in which images generate dynamically    this is the html code   my problem is if i click the print button the corresponding image need to be printed    lt div id  outputTemp  style  display none  gt   lt div id  rightoutputimgae  gt   lt div id  rightimgId  class  rightimg   rel  tooltip  content     lt img src  jqe13 image 1 jpg  class  tooltip-image   gt    gt   lt div id  outputimageId  class  outputimage  gt      lt img src  jqe13 image 1 jpg  alt  Right Bottom Image  gt  lt  div gt    lt  div gt    lt ul gt    lt li id  outcheckbox  gt  lt input name  outCheck  type  checkbox  gt  lt  li gt   lt li id  outedit  gt     lt a href     gt  lt img src  jqe13 image edit s PNG  alt  edit  title  Edit  gt     lt  a gt  lt  li gt   lt li id  outdelete  gt  lt a href     onclick  deleteImg div11   gt   lt img src  jqe13 image delet c PNG  alt  delete  title  Delete  gt  lt  a gt  lt  li gt   lt li id  outfullscreen  gt   lt a href     gt   lt img src  jqe13 image fullscreen c PNG  alt  Full Screen  class  fullscreen     title  Full Screen  gt  lt  a gt  lt  li gt    lt li id  outshare  gt    lt a href     gt  lt img src  jqe13 image share c PNG  alt  Share  title  Share  gt  lt  a gt    lt div id  menu  gt    lt div id  tooltip menu  gt   lt a href     class  menu top  id  email  gt   lt img src  jqe13 image email PNG  alt  Email  title  Email  gt  lt  a gt   lt a href     onClick  postToFeed    class  facebook  gt  lt img src  jqe13 image fb PNG   alt  Facebook  title  Facebook  gt  lt  a gt   lt a href     id  twitter  gt   lt img src  jqe13 image twitter png  alt  Twitter  title  Twitter  gt  lt  a gt   lt a href     class  menu bottom  id  save  gt    lt img src  jqe13 image save PNG  alt  Save  title  Save  gt  lt  a gt    lt  div gt    lt  div gt    lt  li gt    lt li id  outprint  gt  lt a href     gt    lt img src  jqe13 image print PNG  class  printMe  alt  Print  title  Print  gt  lt  a gt      lt  li gt    lt  ul gt     lt  div gt    i need to print the image when i click the print button     how do i write jquery function to print the image

User · Answer

Hey If you want to print selected area or div ,Try This.

<style type="text/css">
@media print
{
body * { visibility: hidden; }
.div2 * { visibility: visible; }
.div2 { position: absolute; top: 40px; left: 30px; }
}
</style>

Hope it helps you

User · Answer

Try like      printMe   click function         window print          or if you want to print selected area try like      printMe   click function             outprint   print

User · Answer

There is a jquery print area  I ve been using it for some time now       printMe   click function           outprint   printArea   mode   popup   popClose  true

User · Answer

function printResult         var DocumentContainer   document getElementById  your div id        var WindowObject   window open      PrintWindow    width 750 height 650 top 50 left 50 toolbars no scrollbars yes status no resizable yes        WindowObject document writeln DocumentContainer innerHTML       WindowObject document close        WindowObject focus        WindowObject print        WindowObject close

[javascript] How can I print using JQuery

Examples related to javascript

Examples related to jquery