Welcome to WebmasterWorld Guest from 54.160.254.203

Forum Moderators: open

Message Too Old, No Replies

adding a variable

     
5:16 am on Apr 10, 2011 (gmt 0)

Junior Member

5+ Year Member

joined:July 4, 2007
posts:112
votes: 0


It's a primitive bit of scripting, but it works:

function gray() {
$('.A1').animate({color:"#999"}, 400);
setTimeout('$(\'.A1\').animate({color:"#3a3d3f"}, 1600)', 600);
setTimeout('$(\'.A1\').fadeOut(\'100\')', 2600);
}

So, how to turn the class a variable? I'm halfway there with:

function gray(myclass) {
$(myclass).animate({color:"#999"}, 400);
setTimeout('$(myclass).animate({color:"#3a3d3f"}, 1600)', 600);
setTimeout('$(myclass).fadeOut(\'100\')', 2600);
}

called with
gray('.A1')

The first animation fires, but the second and third don't;
FF error console is saying " myclass is not defined " for the second and third lines, but not for the first.

I'm tinkering, but could do with some insight !
8:12 am on Apr 10, 2011 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Nov 3, 2005
posts:1585
votes: 0


either
setTimeout('$(\'' + myclass + '/').animate({color:"#3a3d3f"}, 1600)', 600);

or

setTimeout(function(){$(myclass).animate({color:"#3a3d3f"}, 1600)}, 600);
10:45 am on Apr 10, 2011 (gmt 0)

Junior Member

5+ Year Member

joined:July 4, 2007
posts:112
votes: 0


Many thanks!

setTimeout(function()... works fine and I understand it. Not clear about the forward slash in the first option.

cheers!
 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members