Load a website and modify with Javascript

Question

Say a website exists with the following content.

<html><wrapper><div>Stuff I care about</div>Stuff I don't care about</wrapper></html>

Is it possible to load the website with javascript but also modify the content. So in this case I want to use Javascript to load the Stuff I care about, but hide everything else.(Kind of like an iframe... with benefits).

Note: To give you some context I'm trying to make an app that creates my own custom version of another persons website. What makes this really difficult is part of the content I want to show is a form with a captcha.

score 0 · Answer 1 · edited May 23 '17 at 11:49

0

You can selectively load content from a url into another element as follows, though I'm not sure about cross-domain issues:

$('target').load('http://www.example.com/index.html wrapper div');

Note that the part after the url ("wrapper div") is just a jQuery selector.

Also note that comments are right about the cross-domain issue. You'd either have to proxy www.example.com or use YQL (which I'm not familiar with).

edited May 23 '17 at 11:49

Community

1
1

answered Jul 10 '13 at 06:08

Grimace of Despair

3,436
26
38

Can't even get the following to work: $('body').load("http://google.com/"); *Note went to a site running jQuery and pasted code in Javascript console to test* – Philip Kirkbride Jul 10 '13 at 06:14
@PhilipK Cross site scripting rules. – Daedalus Jul 10 '13 at 06:18
Possible problem + solution to my last comment http://stackoverflow.com/a/5059320/773263 – Philip Kirkbride Jul 10 '13 at 06:18

score 0 · Answer 2 · answered Jul 10 '13 at 06:45

0

You'll need to request and download the page using your server, then send it back to the client with AJAX.

answered Jul 10 '13 at 06:45

Jared

2,978
4
26
45

Load a website and modify with Javascript

2 Answers2