Utilisateur:Hymass/styleInfoboxCommuneDeFrance.js

Note : après avoir enregistré la page, vous devrez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

Mozilla / Firefox / Konqueror / Safari : maintenez la touche Majuscule (Shift) en cliquant sur le bouton Actualiser (Reload) ou pressez Maj-Ctrl-R (Cmd-R sur Apple Mac) ;

Chrome / Internet Explorer / Opera : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl-F5.

var categoriesContainer = document.querySelector("#mw-hidden-catlinks");
var isCommuneDeFrance = false;

// Vérifier si la page contient le Portail des communes de France
if (categoriesContainer) {
    var categories = categoriesContainer.querySelectorAll("a");
    if (categories) {
        for (var i = 0; i < categories.length; i++) {
            if (categories[i].textContent === "Article avec modèle Infobox Commune de France") {
                isCommuneDeFrance = true;
                break; // Sortir de la boucle dès que l'article est trouvé
            }
        }
    }
}

// Si c'est le cas, modifier le style de la div ayant la classe "entete" et ajouter une div de contour rouge
if (isCommuneDeFrance) {
    var header = document.querySelector(".entete");
    if (header) {
        // Appliquer les styles à la div "entete"
        header.style.backgroundImage = "none";
        header.style.backgroundColor = "white";
        header.style.border = "1px solid grey";
        header.style.borderRadius = "7.5px";
        header.style.position = "relative";
        header.style.textTransform = "uppercase";
        header.style.letterSpacing = ".2em";
        header.style.padding = ".5em";

        // Créer et ajouter la div de contour rouge
        var redBorder = document.createElement("div");
        redBorder.style.display = "block";
        redBorder.style.position = "absolute";
        redBorder.style.top = "2px";
        redBorder.style.left = "2px";
        redBorder.style.width = "calc(100% - 14px)";
        redBorder.style.height = "calc(100% - 14px)";
        redBorder.style.border = "5px solid red";
        redBorder.style.borderRadius = "5px";
        header.appendChild(redBorder);
    }
}