Outer Thoughts » JavaScript http://blog.outerthoughts.com > From inner thoughts to the outer limits of Alexandre Rafalovitch Sun, 20 Apr 2008 00:37:42 +0000 http://wordpress.org/?v=2.3.1 en DOJO 1.0: Highlighting alternative table rows http://blog.outerthoughts.com/2007/12/dojo-10-highlighting-alternative-table-rows/ http://blog.outerthoughts.com/2007/12/dojo-10-highlighting-alternative-table-rows/#comments Sat, 08 Dec 2007 16:38:16 +0000 Alexandre Rafalovitch http://blog.outerthoughts.com/2007/12/dojo-10-highlighting-alternative-table-rows/ DOJO has hit 1.0 and changed a lot of things. So the documentation is still all over the place with examples using old syntax.

I am migrating to DOJO from jQuery, so just wanted to get basic dojo.query functionality to work. Specifically, I wanted to highlight alternative table rows.

Not easy! At least for a newbie. I had to piece together 3 different documents and examples to figure out the easiest syntax.

<script type="text/javascript" src="http://o.aolcdn.com/dojo/1.0.0/dojo/dojo.xd.js"></script>
 <script type="text/javascript">
    dojo.addOnLoad(function(){
        dojo.query("table tbody tr:nth-child(odd)").addClass("even");
     });
</script>

This highlights 1st, 3rd, 5th… rows in table body. It is also possible to say nth-child(3n+0) to select every third row. However nth-child(3n) does not work, at least in 1.0.

]]> http://blog.outerthoughts.com/2007/12/dojo-10-highlighting-alternative-table-rows/feed/