80 Responses for "AJAX – jQuery Content Loading"

1. Sergio March 20th, 2007 at 4:17 pm 1

   Jamie u RULE!!

   This is great. Thanks alot, I’m gonna try and add this to my latest project, i’ll get back to u as soon as i can, so u can have a peak.

   Thanks

   Sérgio

2. Jamie March 20th, 2007 at 4:21 pm 2

   Cheers, glad to help

3. niko April 2nd, 2007 at 3:07 pm 3

   Jamie! thanks for making the tutorial.. couldn’t have made this without it.. The problem is that I would need pull this one off without the rpc file… since I need to load lightbox etc scripts from the tab contents.. what you think could it be made?

4. Jamie April 3rd, 2007 at 6:40 am 4

   Hi Niko,
   Do you mean pulling data from a database?
   I was in the middle of making that tutorial a few weeks ago but stopped, don’t know why.
   I would assume you are using MySQL?

   Jamie.

5. DL April 4th, 2007 at 1:38 pm 5

   Jamie,

   Thanks for the tutorial…Very cool stuff. I would also like to see how to do this with MySql if you have the time. Thanks!

6. varunulaa April 8th, 2007 at 5:38 am 6

   how can it be done using pquery

7. tagtag April 9th, 2007 at 6:22 am 7

   Nice tutorial! It’s very simple.

8. ramon April 26th, 2007 at 9:08 pm 8

   I really like this piece of tutorial. I use it for my website. I got one question tho, when i put adsense code in the rpc3.php file it wont show. Now im not that good with php so if someone want to help me i would really appriciate.

9. ramon April 28th, 2007 at 10:14 pm 9

   Is it also possible to put all data in another .js file or standard html since my friend’s host don’t allow $_POST function as well as php? Feedback plse

10. Programador web April 29th, 2007 at 2:17 pm 10

    Did you finish the pulling data from a database? I’m looking for a jquery and mysql tutorial, have you got it?
    Thanks go ahead

11. xdevel May 2nd, 2007 at 8:09 pm 11

    It’s great stuff but I have some problems with transfering data in another languages, such a Russian, can you help me with that?

12. sayed June 7th, 2007 at 2:36 pm 12

    hi this is me suhail

13. sayed June 7th, 2007 at 2:37 pm 13

    this is sayed suhail here

14. Gawa June 16th, 2007 at 6:16 pm 14

    It`s good, but how could one receive a page from a other domain? like http://www.google.com. It doesn`t seems to work (access denied). Help!

15. TheShadowNest June 26th, 2007 at 1:53 am 15

    I’ve been thinking about using ajax to load the content portions of my site.

    But if someone doesn’t have JS your stuffed, there really is no way to program redundancy loading of content if they dont have JS.

    So we are back to square one.

16. Jamie June 26th, 2007 at 6:39 am 16

    Hi TheShadowNest,

    To be honest the amount of people who do not have JS enabled on their browser is extremly small, so unless your website is dedicated to mobile browsers and WAP stuff, you should not have a problem…

    According to this website only 4% of browsers do not have JS enabled, and from what i have read it is only spiders and mobile devices that really only fall into this category.

    Jamie.

17. thrillir June 26th, 2007 at 8:30 pm 17

    Hi im having problems on my webpage with ie, its ver 7.0.5130.11. It wont load the data but firefox works fine.

    http://ctc.god-tools.com/politics/politics.php
    all the test-links point to the ajax stuff. Id be greatful for any help.

18. TheShadowNest June 26th, 2007 at 11:21 pm 18

    4% can be a lot depending on how you look at it, IMO you shouldnt punish users for not having it.

    The problem with loading content via js/ajax is it breaks the rules of unobtrusive scripting because if will adversly affect the user, it will prevent them from seeing your content. Instead of failing seamlessly behind the scenes.

    Personally i would love to be able to load content via ajax, but again, i don’t think it is quite mature enough yet for it to fit inside the form/function box.

    

    maybe one day though

19. thrillir June 28th, 2007 at 5:57 pm 19

    nm i fixed it took me 4 days to realize i had an extra quote in there, firefox didnt care about it and ie choked.

    Great tutorial..ill be waiting for the other good stuff

20. ToddZe July 29th, 2007 at 7:27 pm 20

    TheShadowNest: 4% is not a lot by any stretch. Think you need to re-evaluate why and how you’re doing things.

21. AJAX - jQuery Content Loading October 10th, 2007 at 9:38 am 21

    [...] called Nodstrum – A coders playground which had just the entry I was looking for!  If you go to http://nodstrum.com/2007/03/20/jquery-content-loading/, you’ll find an example and the code needed to implement dynamic content loading using [...]

22. Nim October 25th, 2007 at 4:07 pm 22

    Sorry for being dumb, but can I add effects (slide/fade) to it? If so, how?

    Many thanks.

23. Moonwalker November 13th, 2007 at 1:39 am 23

    @Nim:
    Sure you can:
    [code]
    $("#nameDiv").fadeIn("slow");
    [/code]
    Replace nameDiv by the name of your DIV and voila…:)

    Great tutorial. I’m going to test it on mysql though.

    Peace.

24. Moonwalker November 13th, 2007 at 1:54 am 24

    I just tested it with mysql, it works like a charm. For people having troubles with it, here is a quick example:

    info.php
    [php]

    [/php]
    ===============================

    I’m pulling out all data from the database where the $id variable corresponds to the one I’m sending. (2 for this example)

    ===============================
    Index.php
    [php]

    function appear(id) {

    $(“#info”).load(“info.php?id=”+id+”");
    }

    Testing
    ==================================

    Hope this will help someone.

    Peace.

25. Moonwalker November 13th, 2007 at 2:00 am 25

    Sorry but the code on this page seems to change everything I wrote. Even the link is turned into a real link. Sorry Jamie for the trouble.

    If anyone still having problems just leave a comment and I will try to explain it again.

    Peace.

26. Hatip November 18th, 2007 at 2:56 pm 26

    The content loads with a new session each time. How can i send session to the new contents form, etc…
    And the same function code with the prototype shows an animated loading .gif. How can we put this property into jquery code.

27. Costa Rica December 16th, 2007 at 2:26 am 27

    Thank you very much for a great script. Now; we’re tryting to add it to our website, but we need the mainAreaInternal & mainAreaLoading into a respective table of our side. The problem it’s when we change the resolution of the browser, well, the position gets missed. For that, we try using ” margin:0 auto;”, but now when we test it the layer use a scroll and it looks ugly. There it’s any way to fix it to into a table, and get it out resolution issues? Thank you in advanced for support.

28. setiawan February 6th, 2008 at 7:35 am 28

    can I use thick box with this load method?? can u give sample , because I’m begiiner.

29. jharrvis February 12th, 2008 at 4:49 am 29

    what about fade out/in effect

30. baronmunchowsen February 19th, 2008 at 9:50 pm 30

    Hi,

    Fantastic script this. I’m new to jquery too, and was hoping you’d be able to shed some light on how to FadeIn this content (and perhaps even fadeOut the content that was there before?!).

    Many thanks for posting this and all your other helpful and insightful content.

31. Levis February 28th, 2008 at 10:39 am 31

    Good morning!

    I have a problem with this script. I have two documents, in firsrt.html I insert into documetn second.html with russian words, but instead of them is visible other symbols(((

32. Acronyms April 1st, 2008 at 6:47 am 32

    Nice and simple

33. Paw April 3rd, 2008 at 8:22 am 33

    Great piece of code. I was wondering if it was possible to have have the div load content on a mouseover function. I would like to display content and information in a set div not a tooltip in my layout. Thanks any help would be appreciated.

34. Paw April 3rd, 2008 at 9:27 am 34

    Figured it out, the last post regarding the mouseover function. I’m such a noob at coding. But now that I’ve figured that out I’m having a bit of a problem adding extra content to the rcp php code. For example if I put case 4 in the php file and loadContent(4) it only displays the number 4. Is there anywhere else that I need to adjust to allow more pieces of content? Thanks Again

35. mohamed badr May 5th, 2008 at 9:28 pm 35

    great one, just what i wanted and i used mysql too, also used the fadeout part, thanks

36. Ole Frank May 23rd, 2008 at 12:16 pm 36

    Hey guys,

    Could I use this to load a picture ??

    I would like to load text into a div and a picture into another div. I would like to specify picture via a parameter in the function…

    How do I do that ?

    Regards,
    Ole (DK)

37. the site company June 10th, 2008 at 12:05 pm 37

    great scripts, i was trying to use them to load external urls but i guess you can’t do that

38. Tom June 10th, 2008 at 9:15 pm 38

    thx man!!! ^^

39. Rob C June 20th, 2008 at 12:03 pm 39

    I need a huge reference to all of the cool jquery fx out there. My search starts today.

    I like this tutorial and my first means of adding onto it is to incorporate a loader image while the external pages are being loaded.

    Wish this few day old newb some luck!

    R.

40. Tobias June 29th, 2008 at 11:38 am 40

    Hello, I have a problem with the script I need to change the Content-type since I run a Swedish website and some of the letters we have just get written out like this when I use the script ? so I need to change to the same as on my site but I haven´t succeded with this.

    I have tried to change
    contentType: “application/x-www-form-urlencoded”,
    but I diden´t get it to work so I would really like some help what I need to change on the site. I need to use UTF-8 or

    Does anyone know what I need to change to get it to work. But I also have to write thanks alot for this script except my problem it works wonderfully

41. Walter August 7th, 2008 at 5:20 am 41

    Hi, great tutorial. Works great. Is this an SEO friendly method? I am trying to avoid using iframes for that very reason. If anyone can help me by just using php or an SEO friendly method – it would be greatly appreciated!

42. Franco August 18th, 2008 at 1:17 am 42

    Hi folks

    This week i will write someting about Jquery on PHP Magazine
    about this matter

    I will add comments in portuguese and english

    Regards
    Franco

43. Erik September 23rd, 2008 at 8:06 pm 43

    Is there any explanation on how to load en external html file instead of using divs?

44. Alexandre November 9th, 2008 at 1:13 pm 44

    Excellent script !
    Thanks a lot for sharing it.

45. miko December 1st, 2008 at 8:53 pm 45

    looks good for text. anyone has a way to load different FLV/swf file for each “tab” link?? thank you!!!

46. poodoearnejeronity December 27th, 2008 at 4:44 pm 46

    sxdjiurjifpngzsfwell, hi admin adn people nice forum indeed. how’s life? hope it’s introduce branch

47. Ivan Kazmin January 7th, 2009 at 6:53 pm 47

    This script is great, except it doesn’t work with IE on OnClick event. In IE it works only with

48. exboy January 16th, 2009 at 12:23 pm 48

    How to add loading image

49. Serge January 24th, 2009 at 1:47 am 49

    I love the script but if i load a page that uses javascript into the div via ajax my js doesnt work in the loaded page!!! any ideas?

50. Rob C January 24th, 2009 at 2:37 am 50

    Serge,

    Make sure that your DIV is properly Id’ed

    ex:

    So it knows where to target the output.

51. Unreal Media January 25th, 2009 at 1:03 am 51

    Thanks. I tried doing this with mootools when jquery was already running. Wasn’t having any of it :p

52. d3ptzz February 22nd, 2009 at 1:38 am 52

    thanks…very good tutorial…

53. Zilbora March 1st, 2009 at 4:37 am 53

    What that was rental car insurance mexico .inexpensive car insurance in ne because direct line car insurance auto insurance companys ,Cool stuff – low car insurance rates for tee
    in the attached Here texas health insurance This is is the same as ontario car insurance companies .which contains all of the brownsville cheap car insurance quotes online car insurance zebulon north .

54. masood March 15th, 2009 at 3:36 pm 54

    TTTThanks

55. Daljeet Singh May 20th, 2009 at 7:14 pm 55

    Hi,
    Is there a way to load html content (from an external file) into a regular javascript variable (instead of div)?

56. adas May 26th, 2009 at 11:18 am 56

    asasas

57. ihtisham May 28th, 2009 at 12:08 pm 57

    Excellent Source.

    CEO Innovative Consulting
    http://www.groupiconsulting.com

58. AJAX jQuery Content Loading Nodstrum | low cost car insurance June 17th, 2009 at 5:52 am 58

    [...] AJAX jQuery Content Loading Nodstrum Posted by root 45 minutes ago (http://nodstrum.com) Mar 20 2007 if anyone still having problems just leave a comment and i will try to explain it again what that was rental car insurance mexico inexpensive car insurance in ne because direct line car insurance auto insurance companys cool copyright 2007 nod Discuss  |  Bury |  News | AJAX jQuery Content Loading Nodstrum [...]

59. barry sakkers June 18th, 2009 at 10:37 am 59

    I have installed this script once (not in this current page) but found out that when i tried to click twice on a link the second time the page is not loaded in Internet Explorer.

    Any clues?

    Kind regards,

    Barry

60. Barry Sakkers June 18th, 2009 at 12:40 pm 60

    Forgot to mention that i use something similar on :

    http://www.dekralenhoek.nl/shop

61. Ihtisham June 24th, 2009 at 7:24 am 61

    Thank you for the information sharing.

    CEO Innovative Consulting
    http://www.groupiconsulting.com

62. Polin June 25th, 2009 at 3:21 pm 62

    Excelente. Se agradece. Me servira mucho.Saludos

63. Boy July 24th, 2009 at 6:26 am 63

    Thanks Bro, i’ve used it.. but when i try to load div that have video online inside, my page disappear.. maybe you can help me fix my issue,, thanks in advance
    -Boy-

64. Ben August 3rd, 2009 at 1:05 pm 64

    Hi!

    Is it possible to adapt the script, so we can use the BACK button of the browser again?

    Please, this would be very important.

65. Ben August 12th, 2009 at 5:24 pm 65

    This script has no back/forward button funcionality and no bookmarking features. Therefore it’s pretty useless for the majority of developers.

    Any modification possible?

    Best regards

66. hetu August 18th, 2009 at 11:16 pm 66

    thnks

67. Amol August 19th, 2009 at 6:54 am 67

    Hello Jamie,
    Nice tutorial.
    You did it simply superb.
    Javascript is fun to programmers now.

    Thanks and regards,
    Amol Bhavsar.

68. buyclomido August 30th, 2009 at 11:48 am 68

    Is not spam, it is only my commercial offer. Sorry if i mistake of topic!

    Buy Clomid – Best testimonials. Buy now. Satisfaction is guaranteed.
    Best price for brand and generic medications.
    From $0.60 per item. Free Airmail shipping for Clomid 100mg 90 tabs and save $135 on order!

69. ali August 30th, 2009 at 12:54 pm 69

    Hi Dear,

    I have a question about your AJAX – jQuery Content Loading.

    I want use next step to go other page in Div without refreshing all of page and only div who has content refresh.

    is it posible in your script?

70. sarah October 3rd, 2009 at 12:14 pm 70

    Nice layout

71. jimuel October 27th, 2009 at 2:09 am 71

    nice tutorial

    i have a question how can i set the tab as current so that it won’t change the content on refresh???

72. ARZU October 29th, 2009 at 1:54 pm 72

    nice tutorial,thanks, webtasarimp.com

73. LionKing November 3rd, 2009 at 10:56 am 73

    Great tutorial and easy too thank you .

    ???? ???????
    http://0gate.com

74. Paul Welby November 20th, 2009 at 5:20 pm 74

    Jamie – really nice!

    Have you ever done anything with AJAX and mouseovers to pull data from a MySQL database?

    I am pulling IDs from my db, into a and I have a table on my page, and a hidden div with the same table. If i click on an ID, I get the record values to fill into the table, works ok, but I want to hover over an ID and see the rest of the record in a now ‘un-hidden’ div.

    Any ideas?

75. Paul Welby November 20th, 2009 at 5:23 pm 75

    sorry – pulling ids into a ul

76. Daniel Signorelli December 27th, 2009 at 12:17 am 76

    try to add a fade in fade out effect !!!!!! I have one in spry .

77. Help January 7th, 2010 at 2:03 am 77

    My problem is that I want to pass not one (id) variable byt two, for example ther is rpc.php?o=”+id+” I want to have something like rpc.php?o=”+id+”b=”+name+”

    Can You help me with this?

78. Benjamin January 26th, 2010 at 5:42 am 78

    I am also looking to use this by pulling content from a database (MySQL). Any help would be awesome!

    (also as someone mentioned the ability to record which tab the user is on/has visited would be extremely useful for forward/back navigation)

    Great tutorial!

79. Agustin Amenabar February 5th, 2010 at 2:49 pm 79

    FAR Better than what I was looking for, absolutely perfect!
    jQuery is COOL and easy, I’m just figuring out if I preffer this or mootools.

    thanks alot man, you are a saver!

80. Atasözleri February 20th, 2010 at 11:20 am 80

    Hey man!

    Listen to me, i am read now in hotscript, your comment. You say to “jQuery – Load external content into div
    Siteusing the lightweight jQuery library to load external content into a div! Simple to follow ”

    I am reading now your page but i dont see “external page loading”!

    You are very bad!