Problème pour afficher image de fond dans Popup

Vous vous penchez sur le développement d'applications ou d'extensions pour Mozilla ? C'est alors vers ce forum que se dirigeront naturellement vos requêtes...

Modérateur : chBok

Skav
Arias
Messages : 3
Inscription : 23 juil. 2018, 12:02
Contact :

Problème pour afficher image de fond dans Popup

Message par Skav » 07 août 2018, 19:22

Bonjour,

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;
}
Le contenu de mon fichier Actions.html:

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>
Ainsi que le contenu de mon fichier Action.js:

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");
                }
            }
        }
        }
Et voici le contenu de mon fichier manifest.json y faisant référence:

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
  },
Je ne comprend pas pour quelle raison l'image de fond dans la popup ne veut pas s'afficher à la place d'un tout petit encart à fond blanc que j'ai actuellement.

Une aide ne serait pas de refus.

Merci par avance.

Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 1 invité