Closed Thread Icon

Preserved Topic: iFrame pre loading trick got broke Pages that link to <a href="https://ozoneasylum.com/backlink?for=18513" title="Pages that link to Preserved Topic: iFrame pre loading trick got broke" rel="nofollow" >Preserved Topic: iFrame pre loading trick got broke\

 
Author Thread
Dracusis
Maniac (V) Inmate

From: Brisbane, Australia
Insane since: Apr 2001

posted posted 09-26-2002 08:13

So I'm making a website and I'm using that neto pre loading a html page to an iFrame trick then throwing it into a Div for display but I ran into a problem.

Somewhere in the process of transfering the data from the iFrame to the DIV it buggers up any and all image files in said loaded html page.

It writes in the image tag just fine but I get left with just a big blank space where the images should be. Even if I link the image I can't even see the link border that should be around the image but I can still click on the area it's meant to be in and the link will work. Anyone know what could be going wrong?

Or is it just not possible to use innerHTML() to write an image into a document/div once the page has rendered?

norm
Paranoid (IV) Inmate

From: [s]underwater[/s] under-snow in Juneau
Insane since: Sep 2002

posted posted 09-26-2002 15:57

Sounds like you are using display: none; . Try display:hidden . Sometimes the browser won't bother to load img files if display is set to :none.

when I know everything, will my brain
stop hurting so much when I code?

Slime
Lunatic (VI) Mad Scientist

From: Massachusetts, USA
Insane since: Mar 2000

posted posted 09-26-2002 17:34

(I think you mean visibility:hidden; there is no display:hidden.)

Dracusis
Maniac (V) Inmate

From: Brisbane, Australia
Insane since: Apr 2001

posted posted 09-26-2002 22:00

No, I was using visibility:hidden to start with and I thought that might have been the problem untill I re-positioned the iFrame above everything else so I could see the content being loaded into it.

The images work when they are loaded into the iFrame but something goes wrong when I read the HTML out of it and write it into the DIV.

I'll come back tommorow and post a working (non working to be exact) example so you can see what's going on. Although I'm also using PNG images with Youngpup's sleight script so that may be causing a problem too. The images I'm loading in aren't PNG's but the DIV I'm writing them into is positioned above a PNG image.

Anyways, I've got a bunch of other stuff to finish today so yah, be back tommoroow with live example for you to pick appart.

Hugh
Paranoid (IV) Inmate

From: Dublin, Ireland
Insane since: Jul 2000

posted posted 09-27-2002 13:25

Show us the code if you can.
It could be a bug , I know an old design I had did similar, it was only whatever version of IE I was using and my spaghetti like code. It would work fine but the images wouldnt load. All it took was to click the link a few more times. But the space where the images where supposed to be where filled (with blankness) as in they did take up the space they should have and you could view the properties of them etc..

Dracusis
Maniac (V) Inmate

From: Brisbane, Australia
Insane since: Apr 2001

posted posted 09-29-2002 04:23

Yay!

I Fixed it!

It was a visibility problem. When I was writing the content into the DIV it's visibility was set to hidden. For some odd reason IE decided that the images I had in there should also be set to hidded as well -- no love, nup... none.

Anyways, a simple hack to cycle through each image and fix it's visibility showed me where the love was.

All good.

« BackwardsOnwards »

Show Forum Drop Down Menu