jQuery CSS and Effects Tutorial

22. Jun, 2011 44 Comments

VN:F [1.9.9_1125]
Rating: 0.0/5 (0 votes cast)

Thanks for watching and don’t forget to subscribe!
Video Rating: 4 / 5

Outputs the age of a specified name typed in a form, without a page refresh. It’s easy, using jQuery! Great for beginners to AJAX style methods. FORUM phpacademy.org TWITTER twitter.com BLOG blog.phpacademy.org
Video Rating: 4 / 5

pixel jQuery CSS and Effects Tutorial
Blogs, Tutorials
, , ,

44 Responses to “jQuery CSS and Effects Tutorial”

  1. scion3713 Reply 23. Jun, 2011 at 7:02 PM

    Thanks for this video man. Keep up the good work.

    VA:F [1.9.9_1125]
    Rating: 0.0/5 (0 votes cast)
  2. Timzorize Reply 23. Jun, 2011 at 6:08 PM

    Good tutorial except that you’re teaching us to write wrong code. This code won’t work in Firefox 4 if you’re haveing a doctype declared which you absolutely should have.

    To solve the “form is undefined” problem you should type the code in the correct way:
    $.post(‘data.php’, {name:$(“#form”).find(“input[name=name]“).val()},

    VA:F [1.9.9_1125]
    Rating: 0.0/5 (0 votes cast)
  3. clickatron Reply 23. Jun, 2011 at 5:25 PM

    great work. simple and to the point.

    VA:F [1.9.9_1125]
    Rating: 0.0/5 (0 votes cast)
  4. janebbdou06 Reply 23. Jun, 2011 at 5:06 PM

    how to clear the result after search because i have the first name of client database display always. I have used wildcard “%$username%”

    VA:F [1.9.9_1125]
    Rating: 0.0/5 (0 votes cast)
  5. MrPampas2 Reply 23. Jun, 2011 at 4:44 PM

    This is a great tutorial, and I’m certainly going to subscribe to your channel. By the way I had to rewrite your function (with the combined help of comments on here.

    I’m running Firefox Beta 4.0 and neither of the individual comments worked; however when I combined them, I got them to work; so in case anyone else is looking for the solution to the firefox problem; here’s the full function re-written:

    $.post(‘data.php’, { name: $(‘form[name=form] input[name=name]‘).val() },

    Good luck

    VA:F [1.9.9_1125]
    Rating: 0.0/5 (0 votes cast)
  6. snupiix Reply 23. Jun, 2011 at 3:55 PM

    so this here, is here and its inside here, so here is output from here. Remember that this here, which is here, is here. :D

    VA:F [1.9.9_1125]
    Rating: 0.0/5 (0 votes cast)
  7. yonoytuunoodos Reply 23. Jun, 2011 at 3:36 PM

    it doesnt work when i hit enter

    VA:F [1.9.9_1125]
    Rating: 0.0/5 (0 votes cast)
  8. RockstahRolln Reply 23. Jun, 2011 at 2:38 PM

    What a TERRIFIC Tutorial!! Thanks a LOT as I found this Tut extremely useful!

    VA:F [1.9.9_1125]
    Rating: 0.0/5 (0 votes cast)
  9. uldtot Reply 23. Jun, 2011 at 1:40 PM

    Nice tutorial. Well explained and works

    VA:F [1.9.9_1125]
    Rating: 0.0/5 (0 votes cast)
  10. montelomanis Reply 23. Jun, 2011 at 12:48 PM

    good job Alex! Can you tell me how to make it working when I m pressing the Enter key ? Because it is only working with the mouse-click. Thanks!

    VA:F [1.9.9_1125]
    Rating: 0.0/5 (0 votes cast)
  11. Younnateandsnakes Reply 23. Jun, 2011 at 12:22 PM

    im getting nuthing when i click and i followed your instructions exactly , but im trying to process dynamic data from a database in a select menu to display another select menu with dynamic data ex. state–> city–> …. im using dynamic states and dynamic cities.. love your tuts ! please help

    VA:F [1.9.9_1125]
    Rating: 0.0/5 (0 votes cast)
  12. nizarorama Reply 23. Jun, 2011 at 11:27 AM

    Great tutorial but my question is how to apply the same search with same effect by clicking on enter key from the keyboard??

    VA:F [1.9.9_1125]
    Rating: 0.0/5 (0 votes cast)
  13. FreakyMotion Reply 23. Jun, 2011 at 11:00 AM

    Very useful …. thank you very much … :x

    VA:F [1.9.9_1125]
    Rating: 0.0/5 (0 votes cast)
  14. fuadfauzi Reply 23. Jun, 2011 at 10:58 AM

    Waw, nice technique… I’ll practice it also keep watch this channel (phpacademy)

    :D

    Regard from Indonesia . . .

    VA:F [1.9.9_1125]
    Rating: 0.0/5 (0 votes cast)
  15. schumibr1 Reply 23. Jun, 2011 at 10:12 AM

    THESE VIDEOS PWN EVERYTHING ON THE WEB
    GJ PHPACADEMY

    VA:F [1.9.9_1125]
    Rating: 0.0/5 (0 votes cast)
  16. zarkmeher Reply 23. Jun, 2011 at 9:47 AM

    thanks

    VA:F [1.9.9_1125]
    Rating: 0.0/5 (0 votes cast)
  17. flutep Reply 23. Jun, 2011 at 9:24 AM

    its not working fml

    VA:F [1.9.9_1125]
    Rating: 0.0/5 (0 votes cast)
  18. azizans Reply 23. Jun, 2011 at 9:18 AM

    that’s very informative ..

    VA:F [1.9.9_1125]
    Rating: 0.0/5 (0 votes cast)
  19. spchamal Reply 23. Jun, 2011 at 9:12 AM

    You are the best! Thank you a LOT! :)

    VA:F [1.9.9_1125]
    Rating: 0.0/5 (0 votes cast)
  20. janebbdou06 Reply 23. Jun, 2011 at 8:59 AM

    the code does not work in firefox plz help

    VA:F [1.9.9_1125]
    Rating: 0.0/5 (0 votes cast)
  21. janebbdou06 Reply 23. Jun, 2011 at 8:56 AM

    @MrPampas2
    Thnks loadss

    VA:F [1.9.9_1125]
    Rating: 0.0/5 (0 votes cast)
  22. Ramajual Reply 23. Jun, 2011 at 7:59 AM

    it doesn´t work in FIREFOX i need your help

    VA:F [1.9.9_1125]
    Rating: 0.0/5 (0 votes cast)
  23. Hattlen Reply 23. Jun, 2011 at 7:45 AM

    where can i find the source code?

    VA:F [1.9.9_1125]
    Rating: 0.0/5 (0 votes cast)
  24. Hattlen Reply 23. Jun, 2011 at 7:22 AM

    //////////////

    VA:F [1.9.9_1125]
    Rating: 0.0/5 (0 votes cast)
  25. maxfocusdotnet Reply 23. Jun, 2011 at 6:58 AM

    Thanks a lot!! just an advice.. It was not a problem for me, but some people may have problems with the not-so-much-difference names between variables.. as you named “database” the database.. or “name” so much times.. Anyway, I want to thank you because I found this tutorial really helpful! I’m following you!

    VA:F [1.9.9_1125]
    Rating: 0.0/5 (0 votes cast)
  26. owarij Reply 23. Jun, 2011 at 6:43 AM

    1st!

    VA:F [1.9.9_1125]
    Rating: 0.0/5 (0 votes cast)
  27. 68kaspar Reply 23. Jun, 2011 at 6:18 AM

    Thank You!

    VA:F [1.9.9_1125]
    Rating: 0.0/5 (0 votes cast)
  28. FrozenIceCweam Reply 23. Jun, 2011 at 6:07 AM

    @68kaspar Learning Ajax Would be better instead jQuery.

    VA:F [1.9.9_1125]
    Rating: 0.0/5 (0 votes cast)
  29. DrRhoxus Reply 23. Jun, 2011 at 5:59 AM

    jQuery has ajax functions inbuilt. You might want to check the jQuery documentation. api[dot]jquery[dot]com/jQuery[dot]ajax

    Pretty sure he will cover that later.

    VA:F [1.9.9_1125]
    Rating: 0.0/5 (0 votes cast)
  30. altu892 Reply 23. Jun, 2011 at 5:22 AM

    Many one think ajax is very hard, but i think it is very easy

    VA:F [1.9.9_1125]
    Rating: 0.0/5 (0 votes cast)
  31. deioseayo Reply 23. Jun, 2011 at 4:29 AM

    please make a video in spanish

    VA:F [1.9.9_1125]
    Rating: 0.0/5 (0 votes cast)
  32. 9081178 Reply 23. Jun, 2011 at 3:54 AM

    you are a fucking genius man!

    please make a series on jQuery

    VA:F [1.9.9_1125]
    Rating: 0.0/5 (0 votes cast)
  33. sijmenjan Reply 23. Jun, 2011 at 3:03 AM

    We don’t fcking care about the “Whats up guyz”!

    VA:F [1.9.9_1125]
    Rating: 0.0/5 (0 votes cast)
  34. frivaguy Reply 23. Jun, 2011 at 2:20 AM

    Is it really you? your voice is npt the same as in other videos! :O

    VA:F [1.9.9_1125]
    Rating: 0.0/5 (0 votes cast)
  35. Krivudalo Reply 23. Jun, 2011 at 1:41 AM

    can you make one tutotian:
    How to make , like youtube does , when i upload video to my page thet video prewiew in index page

    VA:F [1.9.9_1125]
    Rating: 0.0/5 (0 votes cast)
  36. elwoodetubes Reply 23. Jun, 2011 at 1:26 AM

    wow, I thought some imposter was using your name! you sound so much older! and your voice has deepened. Hey your a man!

    VA:F [1.9.9_1125]
    Rating: 0.0/5 (0 votes cast)
  37. evilgrade Reply 23. Jun, 2011 at 12:32 AM

    thnks gr8 work.

    VA:F [1.9.9_1125]
    Rating: 0.0/5 (0 votes cast)
  38. samnthikumari Reply 23. Jun, 2011 at 12:01 AM

    If you can meet naughty women benaughtyman.info

    VA:F [1.9.9_1125]
    Rating: 0.0/5 (0 votes cast)
  39. DigiParadise Reply 22. Jun, 2011 at 11:16 PM

    You sound different in this one O.o

    VA:F [1.9.9_1125]
    Rating: 0.0/5 (0 votes cast)
  40. bluevision2100 Reply 22. Jun, 2011 at 10:22 PM

    thank you very much !!!! And thanks to anyone who makes video tutorials !!!

    VA:F [1.9.9_1125]
    Rating: 0.0/5 (0 votes cast)
  41. MrGreatAzerbaijan Reply 22. Jun, 2011 at 9:50 PM

    Thank you for your tutorial.

    VA:F [1.9.9_1125]
    Rating: 0.0/5 (0 votes cast)
  42. dirherrera Reply 22. Jun, 2011 at 9:22 PM

    i realy didn’t feel like watch a thenewboston tutorial, i think that your usal opening is more friendly and i like it

    VA:F [1.9.9_1125]
    Rating: 0.0/5 (0 votes cast)
  43. CPTDJB Reply 22. Jun, 2011 at 9:08 PM

    what editor is that?

    VA:F [1.9.9_1125]
    Rating: 0.0/5 (0 votes cast)
  44. dirherrera Reply 22. Jun, 2011 at 8:42 PM

    @CPTDJB Adobe dreamweaver CS5 for pc

    VA:F [1.9.9_1125]
    Rating: 0.0/5 (0 votes cast)

Leave a Reply

This site uses KeywordLuv. Enter YourName@YourKeywords in the Name field to take advantage.CommentLuv Enabled

SEO Powered By SEOPressor