Question

I want to load external websites inside div and make it a bit smaller to accommodate inside div more properly.
just like Google search do

---

I tried this:

$("#targetDiv").load("www.google.com");

but it is not working.

I tried iframe but it has still 2 problems:

1. scrolling is still enabled by pressing arrow keys & PGUP PGDOWN
2. how to make contents inside iframe smaller

---

Don’t know which method i should use
which is more optimized
or any alternative?

Answer 1

You are not going to be able to load a cross domain ajax call like that with jquery. from http://api.jquery.com/load/

Additional Notes:
Due to browser security restrictions, most “Ajax” requests are subject to the same origin policy; the request can not successfully retrieve data from a different domain, subdomain, or protocol.

If iframe is not an option you can retrieve the data via an ajax call to a php page using curl.