Save a dynamic webpage to a file

[Dogway]

Hello, I normally save to disk important webpages, normally to PDF, other times to simply .png images.

Problem is this is the first time I want to save a webpage that has some dynamic media on it. I want to save the effect of the image rollover of this page. Acrobat doesn't save it, and tried with MHT and Mozilla propietary MAFF format as well without success, do you have any ideas for single file saving?

[Tripredacus]

That particular site uses Dreamweaver's default rollover script. Either way, Firefox doesn't see the composite images as being "loaded" as they do not show up in the media view. The only way to get Firefox to do it is to save as webpage complete, then download each individual composite image and put into the files folder. That won't give you a single file to use like an MHT.

 

It looks like you can use wget as well.

http://superuser.com/questions/55040/save-a-single-web-page-with-background-images-with-wget

I know of other programs that can scrape content off a site, but I don't know how to get them into a single file. Maybe there are MHT or MAFF editors?

[submix8c]

HTTRACK, which jaclaz so kindly suggested elsewhere. I used it to archive Kel's website in its entirety all in one execution.

 

HTH

[Dogway]

HTTRACK, which jaclaz so kindly suggested elsewhere. I used it to archive Kel's website in its entirety all in one execution.

Single file?

[submix8c]

No, the whole dang Website from a given Screen all in one go (all in one execution)! It basically will "mirror" it! IOW, the "mirror" I made of Kel's I can double-click on the Main Screen and navigate throughout it EXACTLY AS IF I WERE ON HIS WEBSITE!

 

Hope that clears it up... (note the description...)

HTTrack Website Copier - Free Software Offline Browser (GNU GPL)
www.httrack.com

 

Give it a try and see if it suits your needs.

 

HTH

[Dogway]

Not single file not interested, but thanks.

(I thought my topic title was self explanatory... "sigh")

[submix8c]

As stated, that Rollover Effect won't be "captured" in a Single File, since it's obviously separate images.

function MM_swapImage() { //v3.0var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

IOW, you're out of luck since it's a JavaScript. I saved it in IE6 as an MHT and the Images are ON the Website (right-click image and see Properties). Try downloading using HTTRACK and THEN open it in IE and save as MHT, as it will LITERALLY be on YOUR computer. I personally have no need for that Page, so it's up to you to test the theory (cleaning junk off HDD now to get space back).

 

HTH

[jumper]

A bookmarklet should be able to add references to the webpage for files passed to MM_swapImage, allowing them to be saved into the MHT.

[jumper]

This script will attach the preloaded images to the page. Use as a bookmarklet or paste directly into the URL bar. Tested in Firefox 2 and IE 5:

bookmarkletjavascript:for(i=0;e=document.MM_p[i];i++)e.width=0,document.body.appendChild(e);e

Then I used UnMHT Ver.5.7.7 (last for FF2.0) to save with all images as MHT.

IE 5 only saves images refered to by the original HTML; scripted images (like ads) don't get saved.

[Dogway]

Thanks, I played a bit with the suggestions offered specially submix8c's and it worked, kind of.

Saved with HTTRACK (Firefox/PaleMoon won't download rollover images right?), then open the saved webpage with IE (11 in my case). The rollover won't work, but check where it was trying to load them from, it says ".\screenshots" so I create a sister folder containing all the rollover images, open again the web in IE (at this stage saved as is works on both IE and Firefox) and save as MHT. Now it works. But if I open on Firefox/PaleMoon, it won't work, I don't know why, if it's an easy fix I'm all ears, if not I'm not going to bother much.

[submix8c]

FWIW, I have no luck with FireFox and MHT's as my version doesn't even recogize them -or- fails anyway if forcing (v12).

 

BTW, I think you may not have set up HTTRACK options right to allow for creating the correct sub-folders? You need to read some of the docs.

 

HTH

[Dogway]

Yes, Firefox has no builtin support, but I used various addons with this.
HTTRACK saved the rollover images, so I don't think it's a problem of the options, only that for some reason it didn't place them on the correct (or maybe yes?) folder.