Wow!!!! amazing!!! :D
Perfect!!!
I tried change line jQuery(el).fadeIn(500, function() { to
jQuery(el).show(10, function() {
And this don't work very well, Did you know why?
Thank you a lot!!!
On 18 jul, 19:37, Mike Alsup <[EMAIL PROTECTED]> wrote:
> On Jul 18, 6:29 pm, Mike Alsup <[EMAIL PROTECTED]> wrote:
>
>
>
> > > I wish the rows showing one by one.
>
> > > E.g:
>
> > > row number 1 is showing.
> > > after showed row 1, the row number 2 is showing
> > > after showed row 2, the row number 3 is showing
>
> > A script like this should do it:
>
> > var $trs = $('tr'), count = $trs.length;
> > fadeRows(0);
>
> > function fadeRows(i) {
> > var tr = $trs[i];
> > $(tr).fadeIn(500, function() {
> > if (i < count)
> > fadeRows(++i);
> > });
>
> > };
>
> To better use the above script with Taconite you might want to make it
> a small plugin, like this:
>
> jQuery.fn.fadeInOneByOne = function() {
> var $this = this, count = this.length;
> fadeInElement(0);
>
> function fadeInElement(i) {
> var el = $this[i];
> jQuery(el).fadeIn(500, function() {
> if (i < count)
> fadeInElement(++i);
> });
> };
>
> };
>
> And then invoke it via Taconite like this:
>
> <taconite>
> <empty select="#tbproduto tbody" />
> <append select="#tbproduto tbody">some tr xhtml codes</append>
> <fadeInOneByOne select="#tbproduto tbody tr" />
> </taconite>
>
> Cheers!
