Comments on: How to Create a Table Row Highlighter Using jQuery http://www.devirtuoso.com/2009/06/how-to-create-a-table-row-highlighter-using-jquery/ Web Development Wickedness Mon, 05 Dec 2011 18:53:10 +0000 hourly 1 http://wordpress.org/?v=3.3 By: LimeSpace – IT » Die Links der Woche – Urlaub im August http://www.devirtuoso.com/2009/06/how-to-create-a-table-row-highlighter-using-jquery/comment-page-1/#comment-237 LimeSpace – IT » Die Links der Woche – Urlaub im August Sat, 01 Aug 2009 07:33:47 +0000 http://www.devirtuoso.com/?p=569#comment-237 [...] Tabellen Zeilen mit JQuery “highlighten” [...] [...] Tabellen Zeilen mit JQuery “highlighten” [...]

]]> By: progg.ru http://www.devirtuoso.com/2009/06/how-to-create-a-table-row-highlighter-using-jquery/comment-page-1/#comment-213 progg.ru Sat, 25 Jul 2009 15:22:00 +0000 http://www.devirtuoso.com/?p=569#comment-213 <strong>How to Create a Table Row Highlighter Using jQuery...</strong> Thank you for submitting this cool story - Trackback from progg.ru... How to Create a Table Row Highlighter Using jQuery…

Thank you for submitting this cool story – Trackback from progg.ru…

]]> By: admin http://www.devirtuoso.com/2009/06/how-to-create-a-table-row-highlighter-using-jquery/comment-page-1/#comment-156 admin Sun, 21 Jun 2009 03:47:08 +0000 http://www.devirtuoso.com/?p=569#comment-156 Thanks for the tip. Thanks for the tip.

]]> By: Miguel http://www.devirtuoso.com/2009/06/how-to-create-a-table-row-highlighter-using-jquery/comment-page-1/#comment-154 Miguel Sat, 20 Jun 2009 15:35:36 +0000 http://www.devirtuoso.com/?p=569#comment-154 Hello, thanks for the tutorial. Just a note, you should use .stop() to avoid animations from queueing up. Hello, thanks for the tutorial. Just a note, you should use .stop() to avoid animations from queueing up.

]]> By: admin http://www.devirtuoso.com/2009/06/how-to-create-a-table-row-highlighter-using-jquery/comment-page-1/#comment-151 admin Sat, 20 Jun 2009 03:41:46 +0000 http://www.devirtuoso.com/?p=569#comment-151 But this tutorial has nothing to do with zebra stripping. This is about creating a cool enhancement for your tables. With this you could have something like flames coming out from the side (as cheesy as it might be) or really anything that animates from one side to the next. I think you missed the point of why this is cool. Plus I wouldn't use JavaScript for zebra stripping, if it's a table that really needs it and JavaScript is shut off, they're in a bit of a pickle. But this tutorial has nothing to do with zebra stripping. This is about creating a cool enhancement for your tables. With this you could have something like flames coming out from the side (as cheesy as it might be) or really anything that animates from one side to the next. I think you missed the point of why this is cool. Plus I wouldn’t use JavaScript for zebra stripping, if it’s a table that really needs it and JavaScript is shut off, they’re in a bit of a pickle.

]]> By: John Haugeland http://www.devirtuoso.com/2009/06/how-to-create-a-table-row-highlighter-using-jquery/comment-page-1/#comment-145 John Haugeland Fri, 19 Jun 2009 18:57:05 +0000 http://www.devirtuoso.com/?p=569#comment-145 Yeah, or you could stop wasting your time on jQuery, and do it the natural way. It's amazing how much space people spend talking about how easy jQuery makes things, when the alternative is so much easier, shorter, more maintainable and portable. tr.zebraRow td { background-color: #ddd; } function ZebrafyTable(Table) { if (typeof(Table) == 'string') { return ZebrafyTable(document.getElementById(Table)); } Rows = Table.getElementsByTagName('tr'); var i; var iC = Rows.length; var On = false; for (i=0; i<iC; ++i) { if (On) { Rows[i].className = 'zebraRow'; } On = !On; } } Yeah, or you could stop wasting your time on jQuery, and do it the natural way. It’s amazing how much space people spend talking about how easy jQuery makes things, when the alternative is so much easier, shorter, more maintainable and portable.

tr.zebraRow td { background-color: #ddd; }

function ZebrafyTable(Table) {
if (typeof(Table) == ‘string’) { return ZebrafyTable(document.getElementById(Table)); }
Rows = Table.getElementsByTagName(‘tr’);
var i; var iC = Rows.length; var On = false;
for (i=0; i<iC; ++i) {
if (On) { Rows[i].className = 'zebraRow'; }
On = !On;
}
}

]]>