Chrome-extension: Refresh popup.html to a new html page

Question

I'm developing a chrome extension and I've got my popup.html which is a login page. I'm wondering.. how would I (on successful login) redirect to a new html page (which is loaded in the area where popup.html was?) e.g When the user clicks the extension icon, popup.html comes up in the box, on successful login that box changes to a new html page other than popup.html.

How would I do this?

Answer 1

To permanently change a popup while it is closed:

chrome.browserAction.setPopup({popup: "new.html"});

If you want to temporary change a popup while it is still open:

window.location.href="new.html";