Utilisateur:Hymass/styleInfoboxCommuneDeFrance.js

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

// Vérifier si la page contient le Portail des communes de France
if (categoriesContainer) {
	console.log("categoriesContainer == true")
    var categories = categoriesContainer.querySelectorAll("a");
    if (categories) {
		console.log("categories == true")
        for (var i = 0; i < categories.length; i++) {
            if (categories[i].textContent === "Article avec modèle Infobox Commune de France") {
				console.log("isCommuneDeFrance == true")
                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) {
	console.log("isCommuneDeFrance == true (2)")
    var header = document.querySelector(".entete");
    if (header) {
		console.log("header == true")
        // 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);
    }
}