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!