Différences entre versions de « MediaWiki:Common.js »

Version du 11 septembre 2024 à 09:06

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


$(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');
    
    // 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');
        }
    });
});


#increaseFont, #decreaseFont {
    background-color: #007bff;
    color: white;
    padding: 5px 10px;
    margin-right: 5px;
    border: none;
    cursor: pointer;
    font-size: 14px;
    border-radius: 4px;
}

#increaseFont:hover, #decreaseFont:hover {
    background-color: #0056b3;
}


$(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>