セッションにフォントサイズを保存する

Question

アクセシビリティのためにフォントサイズ機能があります。セッションにフォントサイズを保存すると、新しいページに移動したときにユーザーのフォントサイズが復元されます。 http://jsfiddle.net/R3NGU/7/

のjQuery：ここ

は私が上で私のフォントサイズの機能をベースに使用フィドルある

var defaultFontSize = $('html').css('font-size'); 

     $(".resetFont").click(function() { 
      $('html').css('font-size', defaultFontSize); 
     }); 

     $(".increaseFont").click(function() { 
      var fontSize = getFontSize(); 
      var newFontSize = fontSize + 1; 
      setFontSize(newFontSize); 
      return false; 
     }); 

     $(".decreaseFont").click(function() { 
      var fontSize = getFontSize(); 
      var newFontSize = fontSize - 1; 
      setFontSize(newFontSize); 
      return false; 
     }); 

     function getFontSize() { 
      var currentSize = $("html").css("font-size"); 
      var currentSizeNumber = parseFloat(currentSize, 12); 
      if (currentSizeNumber > 24) { 
       currentSizeNumber = 24; 
      } 
      if (currentSizeNumber < 10) { 
       currentSizeNumber = 10; 
      } 
      return currentSizeNumber; 
     } 

     function setFontSize(size) { 
      $("html").css("font-size", size); 
      $(".actualSize").html(size); 
     } 

Answer 1

セッション変数はサーバ側であるため、あなたは、クッキーを使用する必要があります。

へクッキーを設定する：

document.cookie = "fontSize=" + getFontSize(); 

クッキーを取得する：

var cookies = document.cookies; 

上記の例の詳細および情報源は、hereです。

Cookie機能を持つフィドルはhere