I have a web page of a javascript game I downloaded from the net, on the web site it works correctly. But if I save the web page to my hard disk and play the game the game graphics do not show, I would like to know why not.

Here is the original site
http://homepage.mac.com/hockey2891/iPhone/avalanche.html

I downloaded it, and then put it back online here
http://www.breakoutgamebrickbuster.com/avalanch/avalanche.html

So if you go to the original online game the graphics show (first link), if you download the web page to hard disk the graphics do not show, I want to know why not and what can be done to make them show.

I save the web page to my hard disk and play the game the game graphics do not show,

Precisely how are you saving the page?

In mozilla firefox, I go to menu bar right at the top of the page, click - file, save page as, then save as type, web page compleate.

In mozilla firefox, I go to menu bar right at the top of the page, click - file, save page as, then save as type, web page compleate.

OK.

The page in question includes some plugin(s) served from Facebook. I wouldn't be surprised if the saved web page doesn't include the plugin(s) and/or any contained image(s).

I won't download the page to test it, but I will look into the situation a little.

the images are included, not sure about the plug ins, it comes with a html file and a folder, here is an online copy of the folder (bottom link), some of those files was hidden files when saved to HD, in the code I dont remember any referance to them, here is a link below to see the contents.
http://www.breakoutgamebrickbuster.com/avalanch/avalanche_files/

the images are included, not sure about the plug ins, it comes with a html file and a folder, here is an online copy of the folder (bottom link), some of those files was hidden files when saved to HD, in the code I dont remember any referance to them, here is a link below to see the contents.
http://www.breakoutgamebrickbuster.com/avalanch/avalanche_files/

In mozilla firefox, I go to menu bar right at the top of the page, click - file, save page as, then save as type, web page compleate.

Unfortunately Firefox screws up.

When the download is complete there will be two new items on your desktop (or wherever your downloads go): avalanche.html (a file) and avalanche_files (a folder).

The images are in the folder, but you need to move them, as follows:
wherever the two downloaded items are, create a new folder: Av
open _that_ folder and create in it another new folder: Images
(all capitalization counts).

Go back to the avalanche_files folder and drag the 8 .png files it now contains into the Av\Images folder you created.

When you now click on the .html file, the images will appear in the game.

If you want to move the game to another folder, move all three items (the game file and its two folders) together.

Whether the game is now fully playable locally, I don't know.

not sure about the plug ins

Sorry, I didn't see your follow-ups until after I had posted my notes.

The plug-ins must have been something for the overall site; I was able to download the game and its associated folder without turning off my firewall.

I did the folder re naming, it worked in that the images now show, but the game doesnt work, clicking on the coloured icons doesnt work, what do you think causes that? Why doesnt the game work?

Why doesnt the game work?

It works offline in Firefox here - identically [except for a glitch in the GUI heading] to the way it works online AFAICT.
Do you have local scripting or cookies disabled?
Do you have Firebug to test with?

However, it appears that it doesn't work smoothly offline in Chrome. Occasionally, clicking stops working - then, after a while, it starts working again. No apparent reason for any of that, and the debugging console doesn't show anything of interest.

Very odd.

Do you have local scripting or cookies disabled?
Do you have Firebug to test with?

local scripting or cookies disabled - Im not sure, I tested these on a PC and a mac, PC with firefox, and mac firefox and safari. I have not tested with Firebug and dont have it, its using in Safari I'm more concerned with.


Ill put them online so you can see whats happening.

In this version I have the Av/Images, and deleated the avalanche_files folder
http://www.breakoutgamebrickbuster.com/avalanch/avalanche.html
The Graphics dont show

In this version I have the Av/Images, and kept the avalanche_files folder
http://www.breakoutgamebrickbuster.com/avalanch%202/avalanche.html

Clicking on the blocks does not make them disapear, also clicking on them changes the url from this
http://www.breakoutgamebrickbuster.com/avalanch%202/avalanche.html
to this
http://www.breakoutgamebrickbuster.com/avalanch%202/avalanche.html#
So it sticks
#
on the end of the url.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.