Javascript variable in Chrome extension

Question

I'm currently working on a Chrome extension but I got stuck.. I'm trying to manipulate a textarea with the Chrome extension. If I put in a value directly, the code works fine, but if I want to get the value from a variable it won't work..

This code WORKS:

chrome.browserAction.onClicked.addListener(function(tab) {
  chrome.tabs.executeScript({
    code: 'document.getElementById("message").value = "Hello!";'
  });
});

This code DOESN'T WORK:

carName = "Volvo";
chrome.browserAction.onClicked.addListener(function(tab) {
  chrome.tabs.executeScript({
    code: 'document.getElementById("message").value = carName;'
  });
});

Can someone tell me what's wrong and how I should do it right?

Thanks in advance

BeardFist · Accepted Answer · 2016-03-27 16:31:18Z

1

This is because that code is executed in the context of the page where carName isn't defined. Instead of including the var name in the string, append the var value to the string like so:

carName = "Volvo";
chrome.browserAction.onClicked.addListener(function(tab) {
  chrome.tabs.executeScript({
    code: 'document.getElementById("message").value = '+carName+';'
  });
});

answered Mar 27, 2016 at 16:31

BeardFist

8,2013 gold badges38 silver badges41 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Gamerifty Over a year ago

Also tried that, but it didn't work.. I think it has something to do with the executeScript function, is there a way to avoid that?

chenop · Accepted Answer · 2016-03-28 08:55:42Z

0

What about defining the variable inside the listener:

chrome.browserAction.onClicked.addListener(function(tab) {
  carName = "Volvo";
  chrome.tabs.executeScript({
    code: 'document.getElementById("message").value = carName;'
  });
});

answered Mar 28, 2016 at 8:55

chenop

5,2234 gold badges51 silver badges71 bronze badges

Collectives™ on Stack Overflow

Javascript variable in Chrome extension

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related