MediaWiki

Difference between revisions of "Common.js"

From Shadow Era Wiki

m
m
Line 11: Line 11:
 
// Charger le module collapsible de MediaWiki pour rendre la section repliable.
 
// Charger le module collapsible de MediaWiki pour rendre la section repliable.
 
mw.loader.load('mediawiki.collapsible');
 
mw.loader.load('mediawiki.collapsible');
 +
 +
// Cette fonction bascule l'affichage d'un élément HTML spécifié par son ID.
 +
// Si l'élément est actuellement masqué (display: none), il sera affiché (display: block).
 +
// Si l'élément est affiché, il sera masqué.
 +
// Elle est utilisée pour gérer l'affichage/masquage de contenu lorsque l'utilisateur clique sur un lien.
 +
function toggleDisplay(id) {
 +
    var element = document.getElementById(id);
 +
    if (element.style.display === 'none') {
 +
        element.style.display = 'block';
 +
    } else {
 +
        element.style.display = 'none';
 +
    }
 +
}

Revision as of 07:13, 28 September 2024

// Problème avec multiples tableaux dans une page.
// Vérifie si la balise meta viewport est déjà présente dans la page.
// Si elle est absente, ajoute dynamiquement une balise viewport dans la section <head>,
// pour ajuster l'affichage sur les appareils mobiles.
$(document).ready(function() {
    if (!$('meta[name="viewport"]').length) {
        $('head').append('<meta name="viewport" content="width=device-width, initial-scale=1">');
    }
});
 
// Charger le module collapsible de MediaWiki pour rendre la section repliable.
mw.loader.load('mediawiki.collapsible');
 
// Cette fonction bascule l'affichage d'un élément HTML spécifié par son ID.
// Si l'élément est actuellement masqué (display: none), il sera affiché (display: block).
// Si l'élément est affiché, il sera masqué.
// Elle est utilisée pour gérer l'affichage/masquage de contenu lorsque l'utilisateur clique sur un lien.
function toggleDisplay(id) {
    var element = document.getElementById(id);
    if (element.style.display === 'none') {
        element.style.display = 'block';
    } else {
        element.style.display = 'none';
    }
}