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.

/* Cherche si la page contient le Portail des communes de France */
var ctn_categories = document.querySelector("#mw-hidden-catlinks");
var cdf = false;
if(ctn_categories != undefined){
	var categories = ctn_categories.querySelectorAll("a");
	if(categories != undefined){
		for(var i=0; i<categories.length; i++){
			if(categories[i].textContent == "Article avec modèle Infobox Commune de France"){
				cdf = true;
			}
		}
	}
}

/* Si c'est le cas. modifie la div ayant la classe "entete" et ajoute une div */
if(cdf){
	var infobox = document.querySelector(".entete");
	infobox.style.backgroundImage = "none";
	infobox.style.backgroundColor = "white";
	infobox.style.border = "1px solid grey";
	infobox.style.borderRadius = "7.5px";
	infobox.style.position = "relative";
	infobox.style.textTransform = "uppercase";
	infobox.style.letterSpacing = ".2em";
	infobox.style.padding = ".5em";
	
	/* Div permettant de faire le contour rouge */
	var contourRouge = document.createElement("div");
	contourRouge.style.display = "block";
	contourRouge.style.position = "absolute";
	contourRouge.style.top = "2px";
	contourRouge.style.left = "2px";
	contourRouge.style.width = "calc(100% - 14px)";
	contourRouge.style.height = "calc(100% - 14px)";
	contourRouge.style.border = "5px solid red";
	contourRouge.style.borderRadius = "5px";
	
	infobox.appendChild(contourRouge);
}