CODEWITHSUNDEEP
javascriptjqueryhtmliframe
rodrigocprates
rodrigocprates

Reputation: 566

Load external page inside div and change it

I am trying to figure out how to load an external page inside a div and change it's HTML / CSS. Is it possible?

I got stuck with Same-origin policy, since it doesn't let edit html with a different origin.

For clarify, I want to highlight some content inside it's page and share it.

What are the restrictions to do that and possible ways to solve?

Upvotes: 3

Views: 736

Answers (1)

Ana Vinatoru
Ana Vinatoru

Reputation: 191

While this might be a really bad idea from a security standpoint, you could do an Ajax GET on the page you want to include and inject its content in the div using the html() jQuery function (strip the .. tags beforehand).

You will be able to tinker with the HTML, but you won't get the stylesheets this way.

Loading external pages inside your page seems like a bad idea to me, though, as it might expose you to XSS and other exploits if the remote page scripts are executed.

Another solution would be to use an iframe, however old-fashioned it may sound.

Upvotes: 1

Related Questions