Utilisateur:Hymass/styleInfoboxCommuneDeFrance.js
Apparence
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) ;
Firefox (sur GNU/Linux) / Chrome / Internet Explorer / Opera : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl-F5.var isCommuneDeFrance = false;
// Vérifier si la page contient un lien avec le texte "Consultez la documentation du modèle" et renvoyant vers l'infobox des communes de France
var docLink = document.querySelector("a[href='/wiki/Mod%C3%A8le:Infobox_Commune_de_France'][title='Consultez la documentation du modèle']");
if (docLink) {
isCommuneDeFrance = true;
}
// Si c'est le cas, modifier le style de toutes les divs ayant la classe "entete" et ajouter une div de contour rouge
if (isCommuneDeFrance) {
var headers = document.querySelectorAll(".entete");
headers.forEach(function(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);
});
}