MSIE freezes, dynamic adding of images
Micha Schopman
work with Javascripts day in day out, even the best
freaks in Javascript I know could not come up with a
solution, but maybe someone here experienced the same
issue and found a workaround after all (even the default
Microsoft .NET Treeview Component has this issue!).
The problems relies on:
http://support.microsoft.com/default.aspx?scid=kb;EN-
US;q269802
http://support.microsoft.com/default.aspx?scid=kb;en-
us;183110
http://support.microsoft.com/default.aspx?scid=kb;en-
us;319546
I found through google some folks have the exact problem.
http://groups.yahoo.com/group/wdf-dom/message/3539
http://www.softcomplex.com/forum/viewthread.php?tid=258
http://www.treeview.net/treemenu/faq.asp (in this faq the
same problem is mentioned.. they actually say.. erm.. we
don't care)
I am using a treeview which on-the-fly loads it's
childNodes from a XML file. When rendering the XML data
to a treeview layout, images are added. Images consists
out of indent images, intersections (L, I, L minus, L
plus, T, T minus, T plus, and the icons corresponding
with the nodes.
With insertAdjacentHTML the parsed nodes are added to the
document. However, what I did not knew, was there are
some serious issues with images, cache, innerHTML and
Javascript in MSIE browsers. This results in my treeview
freezing on rendering on regular occasions. Microsoft
provided code examples, and I tried them all but with no
effect at all. The problem stays.
In the first place images where added with a simple <img>
tag, and I already changes this by using <span
style="background-image;url('');background-repeat:no
repeat"></span>. This took away alot of freezing, but
when I thought it had been solved, my boss refreshed it's
page and it froze *bummer*.
I tried with no effect at all:
- using .gif, .png icons
- preloading all images using myImage = new Image();
(even tried new Image(16,16) to set memory ranges)
- put the images in <div> with style=display:none like
Microsoft recommends.
- create a image stack, which is parsed on onload using
setTimeout (the delay cannot be tracked of, to
say "increase delay, or decrease delay". Once the browser
freezes all scripting stops responding)
- output the tree on the page using innerHTML at once,
instead of document.write(tree);
Some effect was the change of cache settings from "every
visit to the page" to "never". However this is
unaceptable, I cannot place a message next to the tree
saying to all our customers "change your cache settings".
There must be a way to get this done.
Don't mind putting your weardest workaround here. You'll
never know if it solves this issues! I putted all the
points as a reward for the hero who saves me, because
this is a very difficult one.
I tried all Microsoft recommended workarounds, creating
delayed image stacks, etc.. nothing works