#java #html #firefox-addon
#java #HTML #firefox-аддон
Вопрос:
Я работаю над расширением всплывающего окна, которое изменяет цвет элемента div. Это то, что я пробовал:
JSON
{
"manifest_version": 2,
"name": "div color",
"version": "1.0",
"description": "Changes color of div",
"icons": {
"48": "icon.png"
},
"permissions": [
"activeTab"
],
"browser_action": {
"default_icon": "icon",
"default_title": "div",
"default_popup": "popup.html"
},
}
Всплывающее окно
<html>
<head><script src="popup.js"></script></head>
<body>
<input type="color" id="pickcolor">
</body>
</html>
Я действительно не знаю, что делать для javascript.
Ответ №1:
Вы можете добавить событие onchange, например
<input type="color" id="pickcolor" onchange="changeColor(this.value)"/>
Добавьте эту функцию в свой JavaScript:
function changeColor(c) {
document.getElementById("elementId").style.backgroundColor = c;
}
где "elementId"
идентификатор div, который вы хотите изменить цвета, и он должен работать. Обратите внимание, что таким образом вы можете изменить цвет элемента только в своем всплывающем окне. Если вы хотите изменить стиль div на веб-сайте, вам необходимо создать сценарий содержимого.