Well I said the changed jQuery(el).show(10, function() { line
Don't work very well but it working fine in IE 7.
In FF 3 rows was twisted, look:
http://img242.imageshack.us/img242/3205/37531080mc8.gif
IE 7
http://img295.imageshack.us/img295/4665/iedh1.gif
Stranger this!
On 18 jul, 21:36, Alexsandro_xpt <[EMAIL PROTECTED]> wrote:
> 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!
