How Do I Have A Link From A Google Chrome Extension Popup Open In The Same Tab Underneath?

I want the link to appear in the tab beneath resulting in the popup going away. Currently have this: //Open links in tab from popup if (document.location.search == '?popup') $('a')

Solution 1:

You would need to get the current selected tab first via, http://code.google.com/chrome/extensions/tabs.html#method-getSelected

Then you use the tab.id, that the callback has fired, and updating it with a url: http://code.google.com/chrome/extensions/tabs.html#method-update

For example:

chrome.tabs.getSelected({}, function(tab) {
  chrome.tabs.update(tab.id, {url: 'http://google.com'});
});

If you want to let every link in the popup page to update the current tab opened. You can do the following (as you mentioned within the comments but with currentTarget):

$('a').live('click', function(e) {
  var href = e.currentTarget.href;
  chrome.tabs.getSelected(null,function(tab) {
    chrome.tabs.update(tab.id, {url: href});
  });
  window.close(); // To close the popup.
});