I’ve come across a problem that I haven’t found a simple answer for regarding the javascript DOM implementation and AJAX. Here it goes:

HTML templates are stored on a server, these templates can be partial pieces of an HTML page generated by a designer. These pages contain mostly CSS and other markup items. The xmlhttprequest object then asks for one or more of these templates to build the page.

The system is working great except for one hitch, images. We just added a template that requires an image. Now this image exists and all of that jazz, however it will not display on the page. The source is there, the nodes are added via the “appendChild” method, however the image does not display.

So this leads me to believe there is something special about image objects in javascript, however I’m not sure what specifically. There is no method to create an image specific node, I can’t find a way of forcing activiation, and I can’t seem to find anything on the internet pertaining to previous resolutions of this issue. Someone out there has surely run into this, it’s just a rather broad thing to search for on google.