1

Lets say I have example.html and inside that i have a code like 

<iframe src="x.com" id="x"></iframe>

from x.com, I would like to get everything inside 

<div class="content">...</div>

into example.html inside 

<div class="xCodes">ONTO HERE</div>

So I tried to get the elements inside x.com to show up on example.html and I heard it's not possible to access them for cross domain problems.

I was wondering if there was another way to retrieve HTML tags from x.html into example.html

Maybe without using <iframe />??

John Conde
  • 217,595
  • 99
  • 455
  • 496
GnojnoW
  • 55
  • 1
  • 1
  • 8

2 Answers2

2

Sourced from: http://james.padolsey.com/javascript/cross-domain-requests-with-jquery/

$('.xCodes').load('http://x.com/x.html');

OR

$.ajax({
    url: 'http://x.com/x.html',
    type: 'GET',
    success: function(res) {
        var data = $(res.responseText).find('.content').text();
        $('.xCodes').html(data);
    }
});
bPratik
  • 6,894
  • 4
  • 36
  • 67
0

If I understand correctly you want to rip the content from a DIV on one site and display it on another. There are several issues with this, but I'll focus on the technological aspect and assume you are acting in good faith with pulling the content.

The real issue you're running up against here is that you don't have access to DOM elements of pages that haven't loaded yet. As such you need to tell the browser to load the data for that page so that you can access the elements that should have loaded on the page and then pull the information out. JQuery has a nice little method to help with that called .load() (http://api.jquery.com/load/).

As an important side note however you can't do this as all modern broswers forbid cross site access in such a manner:

From the JQuery .load() page:

Additional Notes: Due to browser security restrictions, most "Ajax" requests are subject to the same origin policy; the request can not successfully retrieve data from a different domain, subdomain, or protocol.

And check out:

http://en.wikipedia.org/wiki/Same_origin_policy

One more bit of warning. If you don't control the code on the other site you are potentially exposing yourself to serious security issues so only do this in situations where you have control of the other site or for some reason have absolute faith in that site. Alternatively you should try to, if available, use APIs for the sites/services you are trying to get data from.

Michael Aston
  • 21
  • 3