This Ajax javascript code not working right

Question

So I have been busy building a site for a customer. Now I need to do some ajax on menu clicks. The code below is successful in showing the loading.gif and not 100% sure it does the ajax as the dang page still loads up regular style with the gif spinning. Works but doesn't..

Anyways heres a link to it: and login is username: password:

Click on "Friends" Link to see the spinner and the code below is viewable via firebug. Any help here is good help, this is actually my first time messing with ajax.

Thanks, Nick

<script type="text/javascript">

$(function() {
$(".item-206").click(function() {
    $("#dvloader").show();
    $.load("friends", function(){ $("#dvloader").hide(); });
    return false;
});
});
</script>

That page just gives me a 403 Forbidden error and doesn't ask for credentials. — Michael Geary
– Michael Geary, Commented Apr 16, 2013 at 2:47
it works just don't understand why without http or www in front of it it doesn't, ill figure that out — Binary101010
– Binary101010, Commented Apr 16, 2013 at 2:59
@Binary101010 Link fixed. It doesn't work because you likely haven't done the url rewrite rules in htaccess. — Daedalus
– Daedalus, Commented Apr 16, 2013 at 3:48

dave · Accepted Answer · 2013-04-16 03:01:10Z

2

You have to tell it where to load the html into:

$('#div-you-want-to-populate').load("friends", function() { ... });

If you make an array of div ids, and name them the same as the target divs, you can do:

var ids = ['id1', 'id2','id3']; 
for (i=0; i<ids.length, i++) { 
    $('#'+ids[i]).load("friends #"+ids[i], function() { ... });
};

edited Apr 16, 2013 at 3:01

answered Apr 16, 2013 at 2:45

dave

65.1k6 gold badges81 silver badges98 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Binary101010 Over a year ago

Ok hey thks, I actually removed that code earlier, though that was the load specific div from remote file.

Binary101010 Over a year ago

I have one more question.. I guess I don't want to load the whole page, I actually just want to load specific divs into specific divs from the friends page. What Am I missing bud

dave Over a year ago

edit: just realized it was dumb to put code in here, edited answer instead

dave Over a year ago

give me a second I have to look at what you have on that page

Binary101010 Over a year ago

Oh I mean notice when u click friends(menu item) it loads your profile into the page menu items are all the links in the navigation

|

Tamil Selvan C · Accepted Answer · 2013-04-16 02:49:08Z

1

use

$('element or id or class').load("friends", function(){ $("#dvloader").hide(); });

answered Apr 16, 2013 at 2:49

Tamil Selvan C

20.3k12 gold badges55 silver badges72 bronze badges

Collectives™ on Stack Overflow

This Ajax javascript code not working right

2 Answers 2

6 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related