homepage Welcome to WebmasterWorld Guest from 54.167.11.16
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / HTML
Forum Library, Charter, Moderators: incrediBILL

HTML Forum

    
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]

 

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / HTML
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved