How to get info from another website from my HTML page?

javascript html firefox-addon firefox-addon-sdk
msheshtawy picture msheshtawy · Jan 23, 2010 · Viewed 7.5k times · Source

What is needed is as follows:

I have an HTML webpage and I need to access another website and get something from its source code.

I want to run something like 

link = "http://www.google.com";
doc.querySelectorAll('#courses_menu > ul > li > a'); // Apply on the link.

to get what I need from the link and use it!

However, I am using Jetpack slide bar.

Does it have to do anything with HTTP requests?

Answer

Jordan Reiter picture Jordan Reiter · Jan 23, 2010

I think you could pull the entire page using an Ajax request, put the content in a hidden iframe, and then manipulate the DOM in the iframe. Something like (here using the jQuery framework)

<iframe id="holder" style="display: none">

<script type="text/javascript">
$("#holder").load("http://www.google.com",function () {
  $link = $("#holder").contents().find("#courses_menu > ul > li > a");
});
</script>

Related questions

Getting the real HTML5 video width and height

I have a video element: var video = window.content.document.createElement("video"); video.width = width; video.height = height; video.style.backgroundColor = "black"; window.content.document.body.appendChild(video); And I'm retrieving it's source via getUserMedia() on Firefox: window.navigator.getMedia = ( …

Read More
Detect failure to load contents of an iframe

I can detect when the content of an iframe has loaded using the load event. Unfortunately, for my purposes, there are two problems with this: If there is an error loading the page (404/500, etc), the load event is never fired. …

Read More
Is there a way to port a chrome extension to other browsers?

Is there a way to port a chrome extension to other browsers, without having to entirely re-write the code? My chrome extension uses the browser_action command to open "popup.html" in the extension window... Update: I found adblockforchrome port.…

Read More