a nice jquery toolbar ;)

Post all your tuts or request for tuts here.

Re: a nice jquery toolbar ;)

Postby Jackolantern » Fri Mar 05, 2010 9:57 pm

Wow, nice stuff :) I haven't gone through it yet, but it has inspired me to put my game on hold for now and learn how to use Javascript/AJAX. It just has so many useful applications for game development and can save a ton of bandwidth as well :)
User avatar
Jackolantern
 
Posts: 2116
Joined: Wed Jul 01, 2009 5:00 pm
Location: Houston, TX

Re: a nice jquery toolbar ;)

Postby Torniquet » Sun Mar 07, 2010 4:36 pm

ok a quick alteration. i will make the change to the main tutorial after i have given a breif explanation here lol.

i have removed the queuing from the animation, so where as before it jumped up and down if u scrolled in and out to quick, it will now interupt the animation which is making it go up, and force it back down into place again.

you can see if you visit the test page again.

new final jQuery code.

$(document).ready(function(){
$('#bar').animate({bottom:'-40',opacity: 0.5},{},500,function(){});
$('#bar').mouseenter(function(){
$('#bar').animate({bottom:'0', opacity: 1},{queue:false,duration:800});
});
$('#bar').mouseleave(function(){
$('#bar').animate({bottom:'-40', opacity: 0.5},{queue:false,duration:800});
});
});
Image
R.i.P
Paul Grey (#2 / "pig")

08/04/72 - 24/05/10

(sic) to the bitter end!
User avatar
Torniquet
 
Posts: 492
Joined: Sun Aug 02, 2009 12:18 am

Re: a nice jquery toolbar ;)

Postby Jackolantern » Sun Mar 07, 2010 4:43 pm

I am learning JS right now, and am planning to make use of Jquery as well when I get into AJAX. Once I get there, I will go through this tutorial to learn how to make the toolbar. Thanks :D
User avatar
Jackolantern
 
Posts: 2116
Joined: Wed Jul 01, 2009 5:00 pm
Location: Houston, TX

Re: a nice jquery toolbar ;)

Postby Torniquet » Sun Mar 07, 2010 5:23 pm

tbh, i think looking @ jquery after u learn ajax is a pointless exercise (imo, but thts cuz i cnt get the hange of ajax lol)

jquery is just a library of ajax commands that make coding ajax easier and neater.

but again thts my opinion :)
Image
R.i.P
Paul Grey (#2 / "pig")

08/04/72 - 24/05/10

(sic) to the bitter end!
User avatar
Torniquet
 
Posts: 492
Joined: Sun Aug 02, 2009 12:18 am

Re: a nice jquery toolbar ;)

Postby Jackolantern » Sun Mar 07, 2010 6:20 pm

I know what you mean, but I would like to try to get a good understanding of it, and then I would like to use JQuery to reduce the amount of work I have to do for effects. It does seem a bit backwards, but I would hope that understanding the underlying AJAX would allow me to use JQuery more effectively.
User avatar
Jackolantern
 
Posts: 2116
Joined: Wed Jul 01, 2009 5:00 pm
Location: Houston, TX

Previous

Return to Tutorials

Who is online

Users browsing this forum: No registered users and 1 guest