Question

I’ve searched the entire web for a clear answer but haven’t found one yet.

I have this site:

http://www.helixagent.com/todo/

and I want to load that entire site into a portlet in my main index page.

I tried an iFrame approach but it fails to load the site correctly. The styles and javascript files don’t get loaded (i think)

Is there a way to make a portal that mimics a new browser page and load the content exactly as it would if it was directly accessed via the url bar?

Answer 1

It’s possible to perform cross-domain requests using jQuery.

Simply include this file after loading jQuery, and then you can do funky stuff like:

$('html').load('http://helixagent.com/todo/');

Note that this of course won’t load the embedded CSS and JS files. You’ll need to use an iframe for that:

$(function() {
 $('body').append('<iframe src="http://www.helixagent.com/todo/" />');
});

Live example: http://jsbin.com/uruka