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

De wikiup
Sauter à la navigation Sauter à la recherche
Ligne 1 : Ligne 1 :
/* Tout JavaScript ici sera chargé avec chaque page accédée par n’importe quel utilisateur. */
 
 
 
 
$(document).ready(function() {
 
$(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
 
     // Créer des boutons d'ajustement de la taille des polices
 
     var increaseFontButton = $('<button>Augmenter la taille du texte</button>').attr('id', 'increaseFont');
 
     var increaseFontButton = $('<button>Augmenter la taille du texte</button>').attr('id', 'increaseFont');
Ligne 48 : Ligne 25 :
 
     });
 
     });
 
});
 
});
 
####################################################################
 
/*
 
 
$(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>
 

Version du 11 septembre 2024 à 09:42

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