Software development stuff.

2008-05-26

Page with big table and many text inputs is stuck on loading, in IE

Problem: A page with a table with 300 rows and a total of 1500 input text boxes was rendered fast but I couldn't scroll for 20 seconds. It seemed like the whole Internet Explorer was stuck, frozen doing something. I tried several things to find out where the problem was.
  • Removed all javascript from the page, still slow
  • Removed all elements from the page except the basic structure (html, body, form) and the table with the inputs, still slow
  • Took out all id and name attributes from the inputs, still slow
  • Removed the form tag, page opened and scrolled fast (we need the FORM though :P)
  • Removed the table and kept all 1500 inputs, page opened and scrolled fast (we need the layout though :P)
Tested the page on Firefox and it would load and scroll fast. So all I could find was that a page with a form with a table containing a considerable number of textboxes would freeze in IE for some time. After asking for the help of others, in the hope of some enlightment, we found out that a friend had no problems opening and scrolling the page! I quikly realized that the problem was in the Google Toolbar AutoFill functionality... It seems like Firefox doesn't have the same problem when using the Google Toolbar.

Etiquetas: ,

2007-08-29

How to show and hide rows in a table with javascript

If you need to to hide and show rows dinamically both in Firefox and Internet Explorer (IE), set the style.display to empty string.
Thanks to The Strange Zen Of JavaScript: Table rows...revealed!

Etiquetas: