Javascript Cookieで設定を保存

Question

私はJavascriptを初めて使用しています。ユーザーがHTML表の列を表示または非表示に編集できるHTML表のJavascriptがあります。スクリプトは正常に動作します。しかし、問題は、ページがリフレッシュされるときに、htmlテーブルのすべてのカラムが表示されることです。最後の設定は記憶されません。

スクリプトから最後のアクションの設定を保存できるようにするため、ページを最新表示または読み込みするときに、前回の設定を記憶しています。私はこれを達成する方法を知らない、私はそれを行う方法を私に示すことができれば感謝しますか？ここで

はJavascriptを次のとおりです。

はjavascriptの書き込み中にクッキーを書き込むにはjsfiddle https://jsfiddle.net/b9chris/HvA4s/

<script> 
$(document).ready(function(){ 

$('#edit').click(function() { 
    var headers = $('#table th').map(function() { 
     var th = $(this); 
     return { 
      text: th.text(), 
      shown: th.css('display') != 'none' 
     }; 
    }); 

    var h = ['<div id=tableEditor><button id=done>Done</button><table><thead><tr>']; 
    $.each(headers, function() { 
     h.push('<th><input type=checkbox', 
       (this.shown ? ' checked ' : ' '), 
       '/> ', 
       this.text, 
       '</th>'); 
    }); 
    h.push('</tr></thead></table></div>'); 
    $('body').append(h.join('')); 

    $('#done').click(function() { 
     var showHeaders = $('#tableEditor input').map(function() { return this.checked; }); 
     $.each(showHeaders, function(i, show) { 
      var cssIndex = i + 1; 
      var tags = $('#table th:nth-child(' + cssIndex + '), #table td:nth-child(' + cssIndex + ')'); 
      if (show) 
       tags.show(); 
      else 
       tags.hide(); 
     }); 

     $('#tableEditor').remove(); 
     return false; 
    }); 

    return false; 
}); 
}); 
</script> 

Answer 1

で働い例を参照してください：

あなたは、任意の名前あなたとユーザ名を置き換えることができ

document.cookie = "username=John Doe"; 

考えることができる、=背後にあるものはもちろんあなたの価値です。

function getCookie(cname) { 
    var name = cname + "="; 
    var decodedCookie = decodeURIComponent(document.cookie); 
    var ca = decodedCookie.split(';'); 
    for(var i = 0; i <ca.length; i++) { 
     var c = ca[i]; 
     while (c.charAt(0) == ' ') { 
      c = c.substring(1); 
     } 
     if (c.indexOf(name) == 0) { 
      return c.substring(name.length, c.length); 
     } 
    } 
    return ""; 
} 

はちょうどあなたが例

Answer 2

のユーザー名を取得したい場合は、ブラウザのローカルストレージに設定を保存することができgetCookie("username")を呼び出す：あなたはW3Scoolsからこの機能を使用することができ、あなたのクッキーを読むこと

：official documentationを参照してください。

基本的には、スクリプトがロードされているときは、セッション記憶域を調べて目的の設定を取得してください。ユーザーがテーブルを編集するたびに、その変更をストレージ内に入れます。それはかなり簡単で、本当にクッキーほど重くはありません。