Is it possible to use the jQueryUI dialog to pull in a HTML page similar to a traditional popup?

Question

I'm trying to come up with a way to load a url, (https://tools.usps.com/go/ZipLookupAction!input.action in this case) in a jQueryUI dialog box instead of a traditional popup window.

So far, I've tried pulling in the page using an AJAX (AJAH :D) request, but each time, I get a status 200 but no data.

Here is the code from what I've tried: http://jsfiddle.net/Handyman/aXPU7/1/

I had thought that maybe the don't allow ajax requests to usps.com, but I tried a couple of my own sites with the same luck.

Is it even possible to do this without an iframe or a traditional style popup?

Answer 1

Check out the Same Origin Policy.

In computing, the same origin policy is an important security concept for a number of browser-side programming languages, such as JavaScript. The policy permits scripts running on pages originating from the same site to access each other's methods and properties with no specific restrictions, but prevents access to most methods and properties across pages on different sites.

You would need to use JSONP or a proxy.

Answer 2

Might be easier to use a lightbox plugin like colorbox, jsFiddle.

$('#zipcode_lookup').colorbox({iframe:true, innerWidth:425, innerHeight:344});