Thank you Azadi! I figured it was something simple like that. I'll give it a try and let you know how it goes.
Azadi Saryev wrote: > your html is not valid: id's are supposed to be unique per page. > chnage that and you'll see ff work fine. > > Azadi Saryev > Sabai-dee.com > http://www.sabai-dee.com/ > > > On 13/11/2009 06:38, Eric Cobb wrote: >> Oh, the horror to see my beloved FireFox crash repeatedly when trying to >> run some jQuery that works flawlessly in IE 8! (I thought it was >> supposed to be the other way around!) >> >> Seriously though, I do have a chunk of jQuery that I hope someone here >> can help me with. Basically, I have a (large) table that has a list of >> users with IDs of "newUsers" and "oldUsers". I have a checkbox that >> displays/hides the "oldUsers". In IE everything works instantaneously. >> But in FireFox when you first check the box it takes several seconds >> to hide the "oldUsers". Then, when you uncheck the box to display the >> "oldUsers" again, it changes the display instantly but then the browser >> hangs and crashes every time. >> >> Now, as I mentioned before this table is large, with somewhere around >> 500 rows. Is this too much for FF/jQuery to handle? I thought about >> breaking it up between 2 separate "newUsers" and "oldUsers" divs and >> just toggle the display accordingly, but I'd rather do it in one table >> if I could. >> >> -------- >> Here's my jQuery: >> >> $(document).ready(function() { >> //table striping >> >> $('table.stripe>tbody>tr:even').addClass("lite"); >> $('table.stripe>tbody>tr:odd').addClass("dark"); >> >> //Display/Hide new and old user tables rows. >> $("#userFilter").click(function(){ >> // If checked >> if ($("#userFilter").is(":checked")){ >> //hide all old users >> >> $('table.stripe>tbody>tr:not(#newUsers)').hide(); >> } >> else { >> //show all old users >> >> $('table.stripe>tbody>tr:not(#newUsers)').show(); >> } >> }); >> }); >> >> >> -------- >> Here's my table: >> >> <table cellpadding="1" cellspacing="1" class="stripe"> >> <tbody> >> <tr id="oldUsers"> >> <td>Old Test User</td> >> <td align="center">Stuff</td> >> <td align="center">Stuff</td> >> <td align="center">Stuff</td> >> </tr> >> <tr >> id="oldUsers"> >> <td>Old Test User</td> >> <td align="center">Stuff</td> >> <td align="center">Stuff</td> >> <td align="center">Stuff</td> >> </tr> >> <tr >> id="newUsers"> >> <td>New Test User</td> >> <td align="center">Stuff</td> >> <td align="center">Stuff</td> >> <td align="center">Stuff</td> >> </tr> >> <tr >> id="oldUsers"> >> <td>New Test User</td> >> <td align="center">Stuff</td> >> <td align="center">Stuff</td> >> <td align="center">Stuff</td> >> </tr> >> </tbody> >> <!-- Rinse and repeat about 490 more times --> >> >> </table> >> >> >> Any ideas as to why this would be killing FireFox? Is it just the way >> FF handles processing the display/hide of so many table rows? >> >> >> > > ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~| Want to reach the ColdFusion community with something they want? Let them know on the House of Fusion mailing lists Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:328344 Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
