javascript - innerHTML causes IE6 to (permanantly) lock up -


on site working on load series of images can animated using controls implemented w/javascript. works fine in browsers ie6 locks , never recovers; @ least not w/in 15min let sit there.

the part choking on portion try modified contents of particular div.

before problem:

<div id='animation_image'></div> 

after problem:

<div id="animation_image">     <div id="daily_loop_image_13" class="loop_image">     <img name="animation" src="/path/to/image/13/20100119/world_14.gif"        class="hiddenelements" border="0">     </div>    <div id="daily_loop_image_12" class="loop_image">     <img name="animation" src="/path/to/image/12/20100119/world_13.gif"        class="hiddenelements" border="0">   </div>    <div id="daily_loop_image_11" class="loop_image">     <img name="animation" src="/path/to/image/11/20100119/world_12.gif"        class="hiddenelements" border="0">   </div>    <div id="daily_loop_image_10" class="loop_image">     <img name="animation" src="/path/to/image/10/20100119/world_11.gif"        class="hiddenelements" border="0">   </div>    <div id="daily_loop_image_9" class="loop_image">     <img name="animation" src="/path/to/image/9/20100119/world_10.gif"        class="hiddenelements" border="0">   </div>    <div id="daily_loop_image_8" class="loop_image">     <img name="animation" src="/path/to/image/8/20100119/world_9.gif"        class="hiddenelements" border="0">   </div>    <div id="daily_loop_image_7" class="loop_image">     <img name="animation" src="/path/to/image/7/20100119/world_8.gif"        class="hiddenelements" border="0">   </div>    <div id="daily_loop_image_6" class="loop_image">     <img name="animation" src="/path/to/image/6/20100119/world_7.gif"          class="hiddenelements" border="0">   </div>    <div id="daily_loop_image_5" class="loop_image">     <img name="animation" src="/path/to/image/5/20100119/world_6.gif"          class="hiddenelements" border="0">   </div>    <div id="daily_loop_image_4" class="loop_image">     <img name="animation" src="/path/to/image/4/20100119/world_5.gif"          class="hiddenelements" border="0">   </div>    <div id="daily_loop_image_3" class="loop_image">     <img name="animation" src="/path/to/image/3/20100119/world_4.gif"          class="hiddenelements" border="0">   </div>    <div id="daily_loop_image_2" class="loop_image">     <img name="animation" src="/path/to/image/2/20100119/world_3.gif"          class="hiddenelements" border="0">   </div>    <div id="daily_loop_image_1" class="loop_image">     <img name="animation" src="/path/to/image/1/20100119/world_2.gif"          class="hiddenelements" border="0">   </div>    <div id="daily_loop_image_0" class="loop_image">     <img name="animation" src="/path/to/image/0/20100119/world_1.gif"          class="" border="0">   </div>    <div id="weekly_loop_image_1" class="loop_image">     <img name="animation" src="/path/to/weeklyimage/1/20100119/world_wk2max.gif"          class="hiddenelements" border="0">   </div>    <div id="weekly_loop_image_0" class="loop_image">     <img name="animation" src="/path/to/weeklyimage/0/20100119/world_wk1max.gif"          class="hiddenelements" border="0">   </div> </div> 

i've tried:

  • storing elements w/in animation_image string , setting innerhtml
  • creating empty/placeholder divs w/in animation_image , populating them individually
  • using appendchild instead of innerhtml
  • adding div under "animation_image" , putting images/divs in there using 3 methods above this

none of seems work in ie6 - methods work fine in ff3.0+, ie7+, chrome 2+, etc. if exit javascript prior innerhtml works fine if try populating single div (within animation_image) via method in 2nd bullet point, locks , never recovers.

i'm sure left out totally freaking out atm. in advance.

update: here link javascript along w/sample xml (http://pastebin.com/m5b426a67)

not quite sure how missed in days , days of googling looks issue related alphaimageloader "fix" dealing w/transparent pngs. article found gets more detail underlying issue:

http://blogs.cozi.com/tech/2008/03/transparent-pngs-can-deadlock-ie6.html

when removed entry in png_fix.css page - in original form - loaded flawlessly in ie6. need go , try convert (transparent) pngs gifs might not feasible solution either.

i appreciate everyone's , apologize wild goose chases sent people on. thank very much.


Comments

Popular posts from this blog

c++ - Convert big endian to little endian when reading from a binary file -

C#: Application without a window or taskbar item (background app) that can still use Console.WriteLine() -

unicode - Are email addresses allowed to contain non-alphanumeric characters? -