use a tables
it's ridiculous to use divs to replace a table, when you are showing a
table.
tableless designs doesn't mean not using tables at all, just not using
it to structure the site layout.
If you have tabular data, use a table.
thousands of divs is going to slowdown any browser and dom manipulation.
stephen wrote:
Hi,
I have a table of data made from divs, and the mouse roll-over
highlighting is done using jQuery. But now I have added "real" data,
the data table (about a thousand rows) is a lot bigger. The problem
is, jQuery becomes unresponsive and Firefox throws the error:
A script on this page may be busy, or it may have stopped responding.
You can stop the script now, open the script in the debugger, or let
the script continue.
Script: /views/js/jquery.js:19
My code for the row highlighting is:
$(document).ready(function(){
// Row highlighting
$(".row").mouseover(function() {
$(this).addClass("row_highlight");
});
// Remove the highlight when the mouse leaves the row.
$(".row").mouseout(function() {
$(this).removeClass("row_highlight");
});
});
Am I doing something wrong? Is there a better way of doing this which
will not cause an error to be thrown?
Thanks,
Stephen
