Solved

print image file from page link?

Posted on 2009-07-07
3
1,072 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

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

I've been trying to accomplish this for a while and it just struck me yesterday how to accomplish this task. I have done searches all over the internet looking for ways to email pages from my applications and finally I have done it!!! Every single s…
This article discusses the difference between strict equality operator and equality operator in JavaScript. The Need: Because JavaScript performs an implicit type conversion when performing comparisons, we have to take this into account when wri…
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…

758 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

Need Help in Real-Time?

Connect with top rated Experts

20 Experts available now in Live!

Get 1:1 Help Now