« ‘Table Highlight’ Script For Designers
CSS: Defining your own elements’ default properties »

A Simple Color Alternation Script For Lists

Published April 18th, 2006 under JavaScript, Web Development
by Mashhoor Al Dubayan

Here’s an example for a script i’ve made today to set ‘odd’ and ‘even’ class names for each <li> element in a list(s). The source code should be self-explanatory, so i guess no explanation is needed here. :)

Entry Options:

7 Responses to “A Simple Color Alternation Script For Lists”

  1. 1 Peach Apr 18th, 2006 at 01:01 pm

    Your script doesn’t really seem to work, or if you made a Javascript, you forgot to include the script.

  2. 2 Mashhoor Al Dubayan Apr 18th, 2006 at 02:27 pm

    Fixed. Thanks for pointing that out.

    Actually it WAS linked properly, but it seems like Internet Explorer didn’t support the method i’ve used (Firefox and Opera did). It should work now (refresh if it doesn’t).

  3. 3 Vinnie Garcia Apr 18th, 2006 at 02:50 pm

    That loop can be cleaned up a little with less code repetition. Here’s how I would do it :)

    for(var i=0; i

  4. 4 Vinnie Garcia Apr 18th, 2006 at 02:51 pm

    hmmm….my comment was eaten :(

    Again, all in one line:

    for(var i=0; i

  5. 5 Twig Apr 18th, 2006 at 05:25 pm

    It’s the < that’s killing it, Vinnie. :p

  6. 6 Vinnie Garcia Apr 19th, 2006 at 01:54 pm

    Yeah I realized that, I just emailed the code instead :)

  7. 7 Mashhoor Al Dubayan Apr 20th, 2006 at 03:43 am

    Thanks Vinnie. I should’ve thought of the ternary operator.

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>