Javascript Girl
  1. Javascript Girl
  3. Comment garder la taille de la police toujours 150% après la mise à jour de la page ou ouvrir la page à nouveau?
Intereting Posts
Node.js mongojs findOne rappel retourne l'erreur comme nulle HTML comment indiquer quels éléments sont visibles? Portée variable de la classe Mootools Authentification et utilisation d'une feuille de calcul Google en tant que base de données pour une application Web Comment puis-je capturer les événements du clavier en regardant une vidéo HTML5 en mode plein écran? Comment valider une entrée de valeur décimale? Modification du contenu des données sur une étiquette d'objet en HTML Javascript: qu'est-ce que la fonction (_) signifie Pourquoi ne puis-je pas écraser le prototype de `Array` (` Array.prototype`)? Jquery ne fonctionne pas avec phoneGap Comment utiliser windowScriptObject sur l'iPhone? Erreur Javascript dans IE8: non implémenté Puis-je cacher des visages d'un maillage dans trois.js? Node.js – L'envoi d'un gros objet au processus child_dess est lent Supprimer les requêtes de l'URL

Comment garder la taille de la police toujours 150% après la mise à jour de la page ou ouvrir la page à nouveau?

J'ai créé deux boutons qui permettent aux utilisateurs de modifier la taille de la police des textes dans ma page Web. Il fonctionne bien, mais après avoir rafraîchi ou rouvert la page, la taille de la police revient toujours à la taille normale. Alors, comment garder la taille de la police toujours 150% après la mise à jour ou la réouverture de la page? Voici mon code jQuery: 

$(document).ready(function() { $("#l").click(function() { $("p").css("font-size","150%"); }); $("#n").click(function() { $("p").css("font-size","100%"); })

});

Il a déjà été mentionné pour utiliser localStorage (+1 @ Nicholas), mais comme j'étais déjà terminé avec un JSFiddle, j'ai pensé que je pourrais aussi l'inclure. Le code est le suivant: 

 if (localStorage.fontSize) { $('p').css('fontSize', localStorage.fontSize); } $("#m").click(function () { $("p").css("font-size", "150%"); localStorage.fontSize = '150%'; }); $("#n").click(function () { $("p").css("font-size", "100%"); localStorage.fontSize = '100%'; });

Et voici le JSFiddle . Exécutez-le plusieurs fois et vous verrez que la valeur se produit.

Vous pouvez utiliser LocalStorage – ( sur les navigateurs pris en charge ), pour enregistrer une chaîne qui représente la fontSize actuelle , puis la récupérer sur le chargement de la page.

Enregistrement dans le stockage local via JS: 

 localStorage.setItem("fontSize", 15);

Récupération 

 $(document).ready(function() { var fontSize = localStorage.getItem("fontSize"); //rest of code here to set the font size based on fontSize value });