Eu desenvolvi uma toolbar para o Google Chrome, adicionando-a ás páginas através de um iFrame:
var iframe = document.createElement('iframe');
iframe.id="iframeId";
iframe.src = chrome.extension.getURL('CLAWS_Sem_Imagens.html');
iframe.style.height = 7em;
iframe.style.width = '100%';
iframe.style.position = 'fixed';
iframe.style.top = '0';
iframe.style.left = '0';
iframe.style.zIndex = '938089';
//other stuff
document.documentElement.insertBefore(iframe,document.body);
// pulling down the rest of the page
var bodyStyle = document.body.style;
var cssTransform = 'transform' in bodyStyle ? 'transform' : 'webkitTransform';
bodyStyle[cssTransform] = 'translateY(' + height + ')';
O que eu preciso é que, quando o usuário selecionar uma palavra na página principal, ela seja armazenada em uma variável (ou elemento HTML) que está dentro desse iFrame (lógica já implementada). Portanto, eu preciso que o content-script e o toolbar se comuniquem (o primeiro reconhece que a palavra foi selecionada e a armazena em uma variável/elemento do segundo).
Para fins de teste, estou tentando fazer com que o content-script reconheça a existência de um span dentro do iframe:
<span id="palavra">
Palavra
</span>
Eu já tentei usar iframe.contentDocument.getElementById("palavra")
, window.document.getElementById("iframeId").contentWindow.querySelector("#palavra")
e window.frames['iframeId'].contentDocument.getElementById('palavra')
, mas nada funciona. Alguma sugestão?