Solved

print image file from page link?

Posted on 2009-07-07
3
1,074 Views
Last Modified: 2012-05-07
This tutorial about printing from javascript:

http://nice-tutorials.blogspot.com/2009/05/print-using-javascript.html

gave me an idea.

He talks about printing a hidden image on a page by creating a print preview window and letting the user print it out.  I don't understand all of it, but I like the idea of sending an image straight to print preview.

I have a small image on my web page, and the user needs to be able to print a full size copy.  

It would be nice to have a set up where the user clicks on the image, and the print preview comes up displaying a different image file (a larger version of what's on the page).

So something like:

<A <!-- javascript here to pop up print preview of full-size.jpg -->><IMG SRC="small-size.jpg"></A>

Is it possible to go straight to print preview like that, and if so, can you write it?

Thank you,   Chris
0
Comment
Question by:St_Aug_Beach_Bum
  • 2
3 Comments
 
LVL 75

Accepted Solution

by:
Michel Plungjan earned 500 total points
ID: 24800688
Sure
<a href="bigimage.jpg" target="printwin"
onClick="return printIt(this)"><img src="thumbnail.jpg" border="0" /></a>
<script>
function printIt(link) {
  var w=window.open("",link.target,"width=500,height=500");
  if(w) { 
    w.document.write('<body onload="window.focus(); window.print()">'+
      '<a href="#" onClick="window.close(); return false"><img title="Click to close" src="'+link.href+'" /></a>'+
      '</body>');
    w.document.close();
    return false; // cancel link
  }
  return true; /* follow link, user has a popup blocker and needs to print the new window himself */
}
</script>

Open in new window

0
 

Author Closing Comment

by:St_Aug_Beach_Bum
ID: 31600603
mplungjan,

I'm very sorry, I don't know why I didn't get back and get these points to you earlier.  
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 25475099
Np. Thanks
0

Featured Post

ScreenConnect 6.0 Free Trial

At ScreenConnect, partner feedback doesn't fall on deaf ears. We collected partner suggestions off of their virtual wish list and transformed them into one game-changing release: ScreenConnect 6.0. Explore all of the extras and enhancements for yourself!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
asp.net mvc5 6 17
How can I enable / disable a text box with a checkbox 3 19
If condition on Html with Asp 11 18
Index on a Table 6 15
Today I would like to talk about localizing (Internationalization) JavaScript applications. Introduction When creating an application that is going to be used by many people around the globe, it is important to remember that not everyone speak…
This article discusses how to create an extensible mechanism for linked drop downs.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

821 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question