You are right! It works.
I don't know what I was doing. Maybe some char missing on the
selector...
Thanks you all people.
I'm doing amazing things with JQuery!!! :D
It Rocks!!!
On Dec 27, 11:06 am, Strija <[EMAIL PROTECTED]> wrote:
> You must be doing something wrong, because this works great:
> $("#admperm").show().css({backgroundColor:
> '#ff0'}).animate({backgroundColor: '#fff'}, 1000);
>
> On Dec 27, 11:24 am, rics <[EMAIL PROTECTED]> wrote:
>
> > I can't put it to work without the setTimeOut(). The solution I have
> > found was to use setTimeOut without the time part. It works fine
> > now... Look what I've done:
>
> > $("#admperm").show();
>
> > setTimeout( function() {
> > $('#admperm').css({backgroundColor: '#ff0'});
> > $('#admperm').animate({backgroundColor: '#fff'}, 1000);
>
> > });
>
> > This work. But I was trying to do something like this before:
>
> > $("#admperm").show();
> > $('#admperm').css({backgroundColor: '#ff0'});
> > $('#admperm').animate({backgroundColor: '#fff'}, 1000);
>
> > This did'nt work. Don't know why... The code only works inside
> > setTimeOut() function.
>
> > I will read your article. I'm loving learning JQuery. It's simply
> > SUPER FUN to develop with it. =)
>
> > Thanks,
> > rics
>
> > On Dec 26, 1:54 pm, Karl Swedberg <[EMAIL PROTECTED]> wrote:
>
> > > Hi Rics,
>
> > > Glad it works for you. I used setTimeout() in the code that I sent to
> > > you, so I'm not sure why you're mentioning that you must use it. Are
> > > you using it somewhere other than the place where I'm using it? I put
> > > it in the callback of the fadeIn() method so that the element would
> > > stay yellow for 3 seconds before it starts fading out.
>
> > > setTimeout() is a method of the window object, and it's native
> > > JavaScript. It is not exclusive to jQuery at all. That's probably why
> > > you couldn't find anything in the jQuery docs. Actually, I wrote about
> > > a little gimmick that you could use instead of setTimeout() if you
> > > just want to chain some jQuery methods together:
>
> > >http://www.learningjquery.com/2007/01/effect-delay-trick
>
> > > Your English is fine. :-)
>
> > > --Karl
> > > _________________
> > > Karl Swedbergwww.englishrules.comwww.learningjquery.com
>
> > > On Dec 26, 2007, at 7:07 AM, rics wrote:
>
> > > > Yessssssssss!!!! :))))))))
>
> > > > Now it works. But I must use setTimeOut(). Without it the effect
> > > > didn't work. You know why? I couldn't find anything in JQuery docs
> > > > about it and the plugin even have any docs.
>
> > > > Oh, and by the way, my english is "understandable"? I'm brazilian and
> > > > not very good with the english language! :D
>
> > > > Merry Christmas,
> > > > rics
>
> > > > On Dec 25, 1:31 pm, Karl Swedberg <[EMAIL PROTECTED]> wrote:
> > > >> On Dec 24, 2007, at 11:35 AM, rics wrote:
>
> > > >>> Hello,
>
> > > >>> I'm a PHP developer, but all this javascript thing is new to me.
> > > >>> It's
> > > >>> the first time I try to do something with javascript and I'm using
> > > >>> JQuery to help me do things fast (and best).
>
> > > >>> I wish to make some highlight effect, but can't figure it out by
> > > >>> myself. Can you help me?
>
> > > >>> I wish to click a checkbox and then "flash" a div using yellow
> > > >>> background. I think I have to paint the div background with yellow
> > > >>> and
> > > >>> then fade to transparent again. Am I thinking correct? How can I do
> > > >>> that?
>
> > > >>> Thanks,
> > > >>> rics, from Brazil.
>
> > > >> Hi Rics,
>
> > > >> You can use the color plugin to animate a color from yellow to white
> > > >> (or to some other color, but not to transparent).
>
> > > >>http://plugins.jquery.com/project/color
>
> > > >> Then you could write a script like this (you'll need to change the
> > > >> selectors "someCheckBox" and "#flash" to suit your situation):
>
> > > >> $(document).ready(function() {
> > > >> $('someCheckBox').click(function() { // on clicking some
> > > >> checkbox ...
> > > >> $('#flash').css({backgroundColor: '#ff0'}); // ... set
> > > >> background color to yellow.
> > > >> setTimeout(function() {
> > > >> $('#flash').animate({backgroundColor: '#fff'}, 1000); //
> > > >> Then, animate bg color to white, but first ...
> > > >> },
> > > >> 3000); // ... wait 3 seconds
> > > >> });
> > > >> });
>
> > > >> Hope that helps.
>
> > > >> --Karl
> > > >> _________________
> > > >> Karl Swedbergwww.englishrules.comwww.learningjquery.com
