Tweet
<script>
function Eject(MaClassName){
const INIT_ELT = 1;
if (MaClassName !="") {
// suppression des modules pour une CLASSE donnée => MaClassName
var elemclass = document.getElementsByClassName(MaClassName);
var elementsLength = elemclass.length;
for (var i = 0 ; i < elementsLength ; i++) {
elemclass[i].innerHTML="";
}
// suppression dans le module de contrôle MODCONT pour l'ID donné => MaClassName
var elemid = document.getElementById(MaClassName);
elemid.parentNode.removeChild(elemid);
}
// Verification du nombre de lignes dans MODCONT
var length = document.getElementById('[COLOR="#FF0000"]btn-hide[/COLOR]').getElementsByTagName('p').length;
// Si plus rien ne reste à part une ligne d'introduction, on supprime MODCONT en utilisant sa classe => 'btn-hide'
if (length == INIT_ELT) {
var elemrest = document.getElementsByClassName('[COLOR="#FF0000"]btn-hide[/COLOR]');
var elemrestLength = elemrest.length;
for (var j = 0 ; j < elemrestLength ; j++) {
elemrest[j].innerHTML="";
}
}
};
function InitEject(MaClassName){
// remplissage de MODCONT selon le type de modules disponibles (dépend des pages)
var elemclass = document.getElementsByClassName(MaClassName);
elementsLength = elemclass.length;
if (elementsLength==0) {
// Rien à faire
} else {
//insertion des lignes dans MODCONT
// tableau gestion des icônes font awesome
[COLOR="#0000FF"]var fa = ['fa-yyy','fa-youtube','fa-xxx','fa-twitter'];
// tableau gestion des libellés dans MODCONT
var lib_badge = ['Bla Bla ','VIDEOS YOUTUBE','Bla Bla',,'Bla Bla'];
// les classes de modules ciblés
var class_cible = ['class0','class1','class2','class3'].indexOf(MaClassName) ;[/COLOR]
// si aucun module sur la page de correspond à une des classes du tableau class_cible alors on n'insert pas de ligne
// pour ce type de module dans MODCONT ...
if (class_cible >=0 ) {
var tmpinner = '<p id="'+MaClassName+'"><a href="javascript:$MaclassName=\''+MaClassName+
'\';Eject($MaclassName);"><span class="fa '+fa[class_cible]+'" title="Bye Bye!"></span></a> '+lib_badge[class_cible]+'</p>';
var elemid = document.getElementById("[COLOR="#FF0000"]btn-hide[/COLOR]");
elemid.innerHTML+=tmpinner;
}
}
};
// insertion ou pas de lignes dans MODCONT
//MODCONT, le module personnalisé doit posséder OBLIGATOIREMENT une <div> avec id = '[COLOR="#FF0000"]btn-hide[/COLOR]' et la classe du module doit être aussi 'btn-hide'
// Dans la div, il doit y avoir 1 paragraphe <p> si plus d'élements, adapter la constante INIT_ELT ...
InitEject("class0");
InitEject("class1");
InitEject("class2");
InitEject("class3");
// Si aucun module ne correspond aux classes ciblés lors du chargement de la page, on vire MODCONT
Eject("");
</script>
<div id="btn-hide"> <p>Cachez ce que vous voulez ...</p> </div>
#btn-hide{color:black}
#btn-hide > p > a > span {color:white; font-size: 1.7em;}
#btn-hide > p > a > span:hover {color:red;font-size:2.1em;}
Commentaire