In this documentation there is an example of how to emit data/events to a tab. Here is my edited version:
success-window.js
// "self" is a global object in content scripts
// Listen for a "drawBorder"
self.port.on("drawBorder", function(color) {
document.body.style.border = "5px solid " + color;
});
In index.js
var self = require("sdk/self");
var tabs = require("sdk/tabs");
var success_tab;
var myTab = tabs.open({
url: data.url("success-window.html"),
onReady: function onReady(tab) {
success_tab = tab.attach({
contentScriptFile: [data.url('angular/angular.min.js'),
data.url('angular-bootstrap/ui-bootstrap-tpls.min.js'),
data.url('success-window.js')]
});
}
});
How can i use success_tab.port.emit
outside the button-definition?
Like in another function within index.js e.g. console.log
console.log('mytab:', myTab); // mytab: undefined
console.log('success_tab:', success_tab); // success_tab: undefined
success_tab.port.emit("drawBorder", "red"); // JPM [error] Message: TypeError: success_tab is undefined
Try this. Don't forget to adjust
include
to match whatever your success html page is named like:Also, a call to
tabs.open
doesn't return a tab. To reference that tab you have to do it like this: