|
JavaScript - Screenshot To Pdf?
I have a site that we are finishing up. The site is an interactive stair designer. All of the stair parts are pulled dynamicly and uses background images and images to create the final stair system display.
The client wants to beable to print the page, but due to background images it prints differently on every browser and not at all in some. I have seen screenshot to pdf applications before, but can't seem to find anything now. Is it possible to create a screenshot and generate a pdf of that page with the image backgrounds? I am looking for code to do it automaticly and not a third party program like Adobe or nitropdf. What are my options? Similar TutorialsHi a few days back a friend of my suggested it would look need to use a javascript screenshot viewer on my website. Now he provided me with the code but now i need to know how I can link to the larger images in a link. my friend didnot have time so im kind of stuck. hope anyone can help me out. This is the code: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script type="text/javascript">
var res_shots = new Array();
var res_ids = new Array();
var sel_screen = 4;
function screens_prev() {
if (sel_screen > 1) {
sel_screen --;
} else {
sel_screen = tot_screens;
}
try {
document.getElementById('screenshot_image').src = res_shots[sel_screen].src;
document.getElementById('screenshot_status').innerHTML = sel_screen + ' / ' + tot_screens + ' Screenshots';
}
catch(e) {
}
}
function screens_next() {
if (sel_screen < tot_screens) {
sel_screen ++;
} else {
sel_screen = 1; }
try {
document.getElementById('screenshot_image').src = res_shots[sel_screen].src;
document.getElementById('screenshot_status').innerHTML = sel_screen + ' / ' + tot_screens + ' Screenshots';
}
catch(e) {
}
}
</script>
</head>
<body>
<table>
<tr>
<td>
<table width="300px">
<tr>
<td>
<span>// <b>Screenshots</b></span>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<script>
var tot_screens = 7;
res_ids[1] = 239560; res_shots[1] = new Image(); res_shots[1].src = 'screenshot-smal-1.jpg';
res_ids[2] = 239559; res_shots[2] = new Image(); res_shots[2].src = 'screenshot-smal-2.jpg';
res_ids[3] = 239558; res_shots[3] = new Image(); res_shots[3].src = 'screenshot-smal-3.jpg';
res_ids[4] = 239557; res_shots[4] = new Image(); res_shots[4].src = 'screenshot-smal-4.jpg';
res_ids[5] = 239556; res_shots[5] = new Image(); res_shots[5].src = 'screenshot-smal-5.jpg';
res_ids[6] = 239555; res_shots[6] = new Image(); res_shots[6].src = 'screenshot-smal-6.jpg';
res_ids[7] = 239554; res_shots[7] = new Image(); res_shots[7].src = 'screenshot-smal-7.jpg';
</script>
<a href="screenshot-big-4.jpg" id="screenshot_inlarge"><img src="screenshot-smal-4.jpg" id="screenshot_image"></a>
<table>
<tr>
<td>
<a href="javascript:screens_prev();"><img src="prev.gif" border="none"></a>
<a href="javascript:screens_next();"><img src="next.gif" border="none"></a>
</td>
<td>
<span id="screenshot_status">4 / 7 Screenshots</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Hi there, I'll try to be brief: When a user submits a website in the input field on my site, I'd like there to be a background process that takes a screenshot of that website and then displays that image to the user. This website does it perfectly. The user writes the website to the right, and the screenshot is displayed to the left. I'm looking for a free alternative, and read that perhaps webkit(s) might be the solution? I'm a total newbie when it comes to this so any feedback is gold to me. Thank you so much guys/gals. Hello, I followed a Mega Drop Down menu tutorial and everything is working great, except for some reason on certain pages - when the menu drops down, some table elements behind the menu actually appear in front of it? I'm not quite sure what or why this is happening. Here is the URL for reference. http://gem-tech.com.mytempweb.com/store/pc/home.asp Here is an example of what I am talking about: Here is how it should look: Any help would be appreciated, thanks! |
|||||||