| Scrollable div crashes IE 8
|
quasi
msg:4264213 | 4:43 pm on Feb 8, 2011 (gmt 0) |
Working on a webpage that monitors a telephony system.
I have a div which can be toggled to show and hide using jQuery. This div contains a table that shows call statuses, it shows about 20 at a time and can be scrolled (overflow:auto;).
Even with a small table IE scrolling seems to be a little jerky once the div is visible, even the main page scrolling is affected.
If I have say 1000 rows in the table it locks up IE to the point I have to force kill it. I don't have this problem with Firefox. However a coworker with an older version of Firefox has had to reboot his computer when opening this page on occasion.
Is there a more efficient or compliant way to do this?
Code:
JS snippet that builds the table:
html="<table id='chanTable' class='channeltable'>"
for (chan=0; chan < sessions; chan++)
{
if (chan%2 != 0) rowClass="alt";
html += "<tr id='VRU_"+padVru(chan)+"' class="+rowClass+"> \
<th>"+padVru(chan)+" </th> \
<td style='width:auto;'></td> \
</tr>";
var rowClass = "";
}
html+="</table>";
document.getElementById('VCHANNEL_STUFF').innerHTML=html;
HTML:
<div class="channelsectiondiv" id="sessions" style="position: relative;">
<div>
<table class="channelsectiontable" id="channelTable">
<tr>
<td id="VCHANNEL_STUFF"></td>
</tr>
</table>
</div>
</div> <!-- Channel div -->
CSS:
div.channelsectiondiv
{
overflow:auto;
} [edited by: tedster at 5:09 pm (utc) on Feb 8, 2011]
[edit reason] Disable graphic smile faces [/edit]
|
|
