Je travaille actuellement sur un nouveau module complémentaire, et je rencontre actuellement un problème.
Mon module doit pouvoir afficher un menu ouvrable par l'icône se trouvant dans la barre des icônes de Firefox (qui fonctionne), avec une image de fond ainsi que différents liens cliquables, qui doivent êtres positionnés sur l'image et ouvrant les liens dans de nouveaux onglets.
Voici le contenu de mon fichier nommé Action.css:
Code : Tout sélectionner
body {
color: #333;
min-width: 250px;
background-image: url('/img/background.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: auto;
text-shadow: white 2px 2px 2px;
font-size: 16px;
}
popupbck {
background-color: #fff;
}
Code : Tout sélectionner
<!DOCTYPE html>
<html id="500px-popup-panel"</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div id="popupbck">
<img src="img/background.jpg" alt="" class="popupbck" />
</div>
<div class="i18n" data-i18n="">
<img height="320" src="/img/background.jpg" width="580" />
<p class="optionsmenu">
Settings<br />
</p>
</div>
<script src="/js/Action.js"></script>
<script src="/js/i18n.js"></script>
<script type="text/javascript" src="/js/Action.js"></script>
<div id="action"></div>
</body>
Code : Tout sélectionner
chrome.tabs.query(queryInfo, function (tabs) {
document.querySelector('#clickSettings').textContent = browser.i18n.getMessage('OptionClickTitle')
document.getElementById('popupbck').classList.add('hidden');
document.querySelector('#popupbck img').src = request.getPopupPath() + '.jpg';
function listenForClicks() {
document.addEventListener("click", (e) => {
function MenuNamesToURL(MenuNames) {
switch (MenuNames) {
case data - i18n: "clickSettings"=
return browser.extension.getURL("html/Options.html");
case data - i18n: "clickAbout":
return browser.extension.getURL("html/About.html");
case data - i18n: "clickHome":
return browser.extension.getURL("html/Home.html");
}
}
}
}
Code : Tout sélectionner
"browser_action": {
"default_icon": "img/background.jpg,",
"theme_icons": [
{
"light": "img/image32-light.png",
"dark": "img/image32-grey.png",
"size": 32
}
],
"default_title": "__MSG_defaultNewTabtitle__",
"default_popup": "html/Actions.html",
"browser_style": true
},
Une aide ne serait pas de refus.
Merci par avance.