MediaWiki:Common.js

Note : après avoir enregistré vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

• Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou pressez Ctrl-F5 ou Ctrl-R (⌘-R sur un Mac).
• Google Chrome : appuyez sur Ctrl-Maj-R (⌘-Shift-R sur un Mac).
• Internet Explorer : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl-F5.
• Opera : allez dans Menu → Settings (Opera → Préférences sur un Mac) et ensuite à Confidentialité et sécurité → Effacer les données d’exploration → Images et fichiers en cache.

/* Tout JavaScript ici sera chargé avec chaque page accédée par n’importe quel utilisateur. */


$(document).ready(function() {

    console.log('Script chargé et exécuté');  // Ajout pour vérifier l'exécution du script

    // Créer des boutons d'ajustement de la taille des polices avec des attributs ARIA
    var increaseFontButton = $('<button>Augmenter la taille du texte</button>')
        .attr('id', 'increaseFont')
        .attr('aria-label', 'Augmenter la taille du texte')
        .attr('aria-controls', 'mw-content-text')
        .attr('role', 'button');

    var decreaseFontButton = $('<button>Réduire la taille du texte</button>')
        .attr('id', 'decreaseFont')
        .attr('aria-label', 'Réduire la taille du texte')
        .attr('aria-controls', 'mw-content-text')
        .attr('role', 'button');

    // Ajouter les boutons au début du contenu
    $('#mw-content-text').prepend(increaseFontButton, decreaseFontButton);
});

    // Créer des boutons d'ajustement de la taille des polices
    var increaseFontButton = $('<button>Augmenter la taille du texte</button>').attr('id', 'increaseFont');
    var decreaseFontButton = $('<button>Réduire la taille du texte</button>').attr('id', 'decreaseFont');
    
    // Ajouter les boutons au début du contenu
    $('#mw-content-text').prepend(increaseFontButton, decreaseFontButton);
    
    // Définir une taille de police initiale
    var currentFontSize = 16; // Taille de base
    $('body').css('font-size', currentFontSize + 'px');
    
    // Fonction pour augmenter la taille de la police
    $('#increaseFont').click(function() {
        currentFontSize += 2;
        $('body').css('font-size', currentFontSize + 'px');
    });
    
    // Fonction pour réduire la taille de la police
    $('#decreaseFont').click(function() {
        if (currentFontSize > 10) { // Empêche la taille de devenir trop petite
            currentFontSize -= 2;
            $('body').css('font-size', currentFontSize + 'px');
        }
    });
});

####################################################################
/*

$(document).ready(function() {
    // Créer des boutons d'ajustement de la taille des polices
    var increaseFontButton = $('<button>Augmenter la taille du texte</button>').attr('id', 'increaseFont');
    var decreaseFontButton = $('<button>Réduire la taille du texte</button>').attr('id', 'decreaseFont');
    $('#mw-content-text').prepend(increaseFontButton, decreaseFontButton);
    
    // Charger la taille de police à partir de localStorage
    var currentFontSize = localStorage.getItem('fontSize') || 16;
    $('body').css('font-size', currentFontSize + 'px');
    
    // Fonction pour augmenter la taille de la police
    $('#increaseFont').click(function() {
        currentFontSize = parseInt(currentFontSize) + 2;
        $('body').css('font-size', currentFontSize + 'px');
        localStorage.setItem('fontSize', currentFontSize); // Sauvegarder la taille dans localStorage
    });
    
    // Fonction pour réduire la taille de la police
    $('#decreaseFont').click(function() {
        if (currentFontSize > 10) {
            currentFontSize = parseInt(currentFontSize) - 2;
            $('body').css('font-size', currentFontSize + 'px');
            localStorage.setItem('fontSize', currentFontSize); // Sauvegarder la taille dans localStorage
        }
    });
});

*/

<button id="increaseFont" aria-label="Augmenter la taille du texte">Augmenter la taille du texte</button>
<button id="decreaseFont" aria-label="Réduire la taille du texte">Réduire la taille du texte</button>