ansaurus

Question

Basic JQuery Help

Answer 1

A:

$('#articles').load($(this).attr('href'));

Try that....

Teja Kantamneni 2010-07-21 16:17:25

Answer 2

+4 A:

If the content is located at the href attribute location, then you need to get that attribute's value:

$('#articles').load(this.href);

so try this:

$(document).ready(function(){
    $("#topics ul li a").click(function() {
              // use the content of the href attribute
              //     for the load parameter
        $('#articles').load(this.href);
        return false; 
    });
});

patrick dw 2010-07-21 16:17:44

Thanks Patrick :) I love coming back from lunch and having 5 answers waiting for me, especially when they are pretty much all correct.

mdgrech 2010-07-21 16:50:35

@mdgrech - You're welcome. :o)

patrick dw 2010-07-21 16:51:54

Answer 3

A:

Using

$('#articles').load($(this).attr('href'));

would vaguely work, but then you'd end up with the whole remote document loaded in, including duplicate head/body tags.

To get more complex, you could specify a callback function in the .load() and use it to read the returned content, collect only the children of the <body> element, and insert those children into your #articles element.

Matt Sach 2010-07-21 16:18:10

Answer 4

A:

This kinda sounds like what you are looking for... The following function calls a ASP.Net Webservice. I then use the JSON data returned from the Webservice to append html to my element. I think you can probably see from this example what I'm doing and apply it to your own code. Let me know if you need me to clarify anything.

$(function () {
    $.ajax({
        type: "POST",
        data: "{}",
        datatype: "json",
        url: "../webServices/myTestWS.asmx/testMethodTV",
        contentType: "application/json; charset-utf-8",
        success: function (msg) {
            var len = msg.d.rows.length;
            $('#sidetree').append('<ul id="treeview">');
            for (i = 0; i < len; i++) {
                $('#sidetree').append("<li><span class='expandable'>" + msg.d.rows[i].data + "</span></li>");
            }
            $('#sidetree').append('</ul>');

    });
});

Jeff V 2010-07-21 16:18:30

Answer 5

A:

You'll have to structure each included page to have the same div name, such as #container, where the data you wanted loaded into the #articles div is located. Then you can simply do:

$(document).ready(function() {
  $("#topics ul li a").click(function() {
    var url = $(this).attr('href');
    $('#articles').load(url + ' #container');
    return false; 
  });
});

This will only fetch the #container div and exclude all the extra html/body tags that you don't want and you don't have to deal with callback functions. See http://api.jquery.com/load/

Mark Kinsella 2010-07-21 16:22:50

ansaurus

tags:

views:

answers:

Basic JQuery Help

related questions