how to implement web page mirror with jQuery?

Question

Put all contents on another web page into a fixed size div.

How to achieve this?

Answer 1

You can use an IFrame HTML element. Otherwise, the browsers' cross-domain policy will be triggered (i.e. it cannot be achieved through javascript, unless you rely on a server-side proxy).

Answer 2

Create a server side proxy to do a http web request. Call your proxy method using an ajax request.

Answer 3

You can use jQuery (www.jquery.com):

$(function() {
    $('#fixedSizeDiv').load("test.htm");
});

HTML:

<div id="fixedSizeDiv"></div>

For more information about jQuery.load, head over to http://docs.jquery.com/Ajax/load#urldatacallback