How to load a certain div of an external webpage on another webpage that is on a different domain

Question

How can you load a certain div of a webpage on another webpage that resides on a different domain.

I have tried this:

<div id="m"></div>
<script>$('#m').load('http://something.com #divname');</script>

But it doesnt work when the page to load is on another domain

Answer 1

This mod for jQuery allows you to do just that. Check it out! It uses YQL to allow cross domain requests.

Once you get the request it appears as JSON which you can parse out through ajax. This is one way I have used it :

$.ajax({
    url: 'http://something.com',
    type: 'GET',
    success: function(res) {
        var loadIt = $j(res.responseText).find('#divname').html();
        $('#m').html(loadIt);
    }
});

But I think you can also simply do it using the .load as is shown on that link.