Napisałem proste rozszerzenie dla Chrome, jak wklejam kod javascript w consoli na stronie docelowej wszystko fajnie dziala ( wyskakuje po prawej div z 3 przyciskami, po kliknieciu ktorych w formularzu wpisuja sie dane przypisane do przyciskow) problem powstaje jak wczytam pliki test.js i manifest.json ... rozszerzenie dziala pojawia sie na odpowiedniej stronie po wejsciu, ale po kliknieciu w przyciski nie wypelnia sie formularz, pojawia sie komunikat o bledzie:
Uncaught ReferenceError: addText1 is not defined
onclicknie wiem jak inaczej zdefiniowac dane?
plik test.js
console.log("test.js Started .. ");
function addText1() {
var tekst1 = document.getElementById('mailBody');
tekst1.value = tekst1.value + "jakis inny tekst numer 3 .........";
}
function addText2() {
var tekst2 = document.getElementById('mailBody');
tekst2.value = tekst2.value + "jakis tekst numer 2 inne ... ";
}
function addText3() {
var tekst3 = document.getElementById('mailBody');
tekst3.value = tekst3.value + "Kolejny jakis tekst numer 3 inne ... ";
}
var element = document.createElement('div'); //tworzymy nowego Diva
element.id = 'blok';
element.style.position = 'fixed';
element.style.right= '0px';
element.style.top = '190px';
element.style.width = '100px';
element.style.height = '100px';
element.style.backgroundColor = '#FF6633';
element.innerHTML = "<strong>Odpowiedzi</strong><br><button id=\"mybutton\" onclick=\"java script: addText1();\">tekst 1</button><br><button onclick=\"java script: addText2();\">tekst 2</button><br><button onclick=\"java script: addText3();\">tekst 3</button>";
var body = document.getElementsByTagName('body')[0]; //pobieramy body
body.appendChild(element); //wstawiamy element do drzewa dokumentu
plik manifest.json
{
"version": "1.0.0",
"name": "moj-test",
"manifest_version": 2,
"description": "Wykonanie: JA",
"permissions": [
"https://*/*",
"http://*/*",
"clipboardRead",
"clipboardWrite",
"cookies",
"tabs",
"notifications"
],
"icons": {
"16": "images/icon16.png",
"48": "images/icon48.png",
"128": "images/icon128.png"
},
"content_scripts": [
{
"matches": [
"http://www.adres.pl/*"
],
"js": [
"test.js"
]
}
]
}