The SitePoint Forums have moved.

You can now find them here.
This forum is now closed to new posts, but you can browse existing content.
You can find out more information about the move and how to open a new account (if necessary) here.
If you get stuck you can get support by emailing forums@sitepoint.com

If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

IE and Ajax.Updater - img's not showing after HTML is replaced

I'm using the Prototype library and a call to Ajax.Updater() to call a Coldfusion page which will generate the necessary table structure for the next month's calendar and events.

The next/prev arrows on either side of the month are img's wrapped in an <a> tag with an onclick handler registered on the window onload, and also reinitialized after the new HTML is populated in the div. I have no problems with the onclick handlers.

However, the img's are not showing up in IE when the HTML is updated in the div. I have verified that the src's of each img tag are correct and exist. You'll actually see a JS alert that is called on a timeout delay after the div is updated with the new HTML. I've even tried creating new img nodes via JS with different img files and replacing the img node in the div with these new img nodes and it doesn't not display either.

The strange thing is, you can still click on where the img should be, and the calendar works properly. This is boggling my mind.

I've read some articles and tried countless solutions about image caching in IE 6 but none of the solutions have worked.

Server: Windows 2003, IIS 6, Coldfusion 7

Can anyone offer any sort of reason/solution why the img's would show up?

img's not showing up

Hi,

I think it may be a css issue. I have had a look at the site in IE using the IE Developer toolbar and for July say, the arrows visibility are set to hidden, which is why they are not being shown, If you download the IE Dev toolbar you will see for yourself

I think it may be a css issue. I have had a look at the site in IE using the IE Developer toolbar and for July say, the arrows visibility are set to hidden, which is why they are not being shown, If you download the IE Dev toolbar you will see for yourself

hope it helps you fix the problem

Hey there,

Yep, that was the issue. I think I saw that as well when I was using the IE Developer toolbar but I've noticed that it's very buggy and I rarely trust what it says.

However, no where in my CSS file or inline style do I ever set the visibility property. In fact, I can't think of one situation where I've ever used the visibility property period (always using display).

I was able to fix it by just setting the inline style to visible on the AJAX page, but it just aggravates me that IE somehow decides to set my visibility property for me without me telling it to.

Has anyone else noticed this mysterious setting of visibility to hidden on AJAX calls in IE?

img no show

Hi,

glad you at least found a fix for your problem, I guess it may just be a case of how different browsers handle the css? because as we all know IE is not the best, so it may be worth doing a bit of digging on this issue?

Hi,
I have the same problem without using any javascript framework, just a javascript httpRequest and a innerHtml substitution, and at the moment I can't find out the solution.
This problem doesn't seem so popular, does it?