Great Scott! you are right, it is working now :) Many thanks indeed everyone
you are all legends!, I shall write this up in my blog, thanks again :)
2009/2/17 Ricardo Tomasi <ricardob...@gmail.com>
>
> The code in your test page still reads $("div:.postSummary
> (odd)").addClass("odd"), not $("div.postSummary:odd").addClass("odd");
>
> On Feb 17, 12:04 am, mark law <m...@digiflip.tv> wrote:
> > Thanks MorningZ :), yes that is the one I'm trying to mimic. "odd" is
> only
> > declared in:
> >
> > $("div.postSummary-teaser:odd").addClass("odd");
> >
> > Where else should it be? I was hoping this code would just add it to
> > alternate divs with a class of "postSummary-teaser"
> >
> > The html is actually:
> >
> > <!-- Entry -->
> >
> > <div class="postSummary" id="post-125">
> > <!-- Post Top Summary -->
> > <div class="postSummary-top">
> > <h3><a href="link">title</a></h3>
> > <p>Posted by: <a href="link" title="View all posts by "
> > class="author-link">author name</a> in <i>label here</i> on
> > <span class="post-date">date here</span>
> >
> > </p>
> > </div>
> >
> > <!-- Post Teaser Text -->
> > <div class="postSummary-teaser">
> > html of teaser text goes here
> >
> > <!-- Post Footer -->
> > <p class="postSummary-footer">
> > <a href="link"
> class="postSummary-comments">link
> > to comments</a>
> >
> > <a href="link to full article"
> > class="postSummary-readmore">Read More...</a>
> >
> > </p>
> > </div>
> >
> > <!-- Post Divider -->
> > <hr class="postEntry-divider" />
> >
> > </div>
> > <div class="clear"></div>
> >
> > then it repeats itself if there are more posts. I now realise I should be
> > using postSummery not postSummary-teaser, I made the change. I just tried
> it
> > in a static page with nothing else in it just to make sure there are no
> > conflicts.
> >
> > It still does not work though:
> http://www.digiflipconcepts.com/digiflip-v3/templates/digiflip/test.html
> >
> > :( ?
> >
> > 2009/2/17 MorningZ <morni...@gmail.com>
> >
> >
> >
> > > so this is the jQuery you are trying to mimic?
> >
> > > $("tr:nth-child(odd)").addClass("odd");
> >
> > > ??
> >
> > > that uses current selector syntax (http://docs.jquery.com/Selectors/
> > > nthChild#index <http://docs.jquery.com/Selectors/%0AnthChild#index>),
> and
> > > would indeed work on
> >
> > > <table>
> > > <tr>
> > > <td>Row 1</td>
> > > </tr>
> > > <tr>
> > > <td>Row 2</td>
> > > </tr>
> > > <tr>
> > > <td>Row 3</td>
> > > </tr>
> > > <tr>
> > > <td>Row 4</td>
> > > </tr>
> > > </table>
> >
> > > If you had
> >
> > > <div class="postSummary-teaser">Teaser 1</div>
> > > <div class="postSummary-teaser">Teaser 2</div>
> > > <div class="postSummary-teaser">Teaser 3</div>
> > > <div class="postSummary-teaser">Teaser 4</div>
> > > <div class="postSummary-teaser">Teaser 5</div>
> >
> > > then, there's no reason why
> >
> > > $("div.postSummary-teaser:odd").addClass("odd");
> >
> > > wouldn't give zebra stripes (as long as class name "odd" is declared
> > > somewhere)
> >
> > > On Feb 16, 9:09 pm, mark law <m...@digiflip.tv> wrote:
> > > > I copied it from here:
> > >http://blog.jquery.com/2006/10/18/zebra-table-showdown/andtried
> > > > unsuccessfully to modify it for div classes ...
> >
> > > > 2009/2/17 MorningZ <morni...@gmail.com>
> >
> > > > > I'm just curious... where are you getting your syntax from?
> >
> > > > > "div:.postSummary" ????
> >
> > > > > ".postSummary-teaser(odd)" ??
> >
> > > > > there's now where in the documentation (http://docs.jquery.com)
> where
> > > > > that syntax is shown
> >
> > > > > On Feb 16, 6:31 pm, morktron <m...@digiflip.tv> wrote:
> > > > > > Hi I'm just wondering whether it is possible to zebra stripe
> > > alternate
> > > > > divs
> > > > > > with the same class name?
> >
> > > > > > The class name is .postSummary-teaser, I tried this:
> >
> > > > > > <script type="text/javascript">
> > > > > > window.onload = function(){
> > > > > > $("div:.postSummary-teaser(odd)").addClass("odd");};
> >
> > > > > > </script>
> >
> > > > > > but no joy. I'm no Javascript programmer but it was easy to
> stripe
> > > > > alternate
> > > > > > rows with a tutorial on the jQuerey site. There seems to be
> nothing
> > > about
> > > > > > using divs?
> >
> > > > > > The page in question is in development here:
> > > > >http://www.digiflipconcepts.com/digiflip-v3/Rant-and-Rave
> >
> > > > > > Can anyone help? thanks
> > > > > > --
> > > > > > View this message in context:
> > > > >
> http://www.nabble.com/how-to-zebra-stripe-divs--tp22048135s27240p2204.
> > > ..
> > > > > > Sent from the jQuery General Discussion mailing list archive at
> > > > > Nabble.com.
>
