QHMの新タイプHAIKの活用と実験、オープンソースの活用

[ cookie01 ]

• 2013-12-20 〜
• 2013-12-22 修正

jQueryでCookieを使ってみる02

テスト

• 画面が表示された時に、一回、保存されている値を表示します。
• フォーカスが無くなる時に、値が保存されます。

ソース

• 短いですが・・・

  <script src="./jquery/js/jquery-1.9.1.js"></script>
  <script src="./jquery/js/jquery.cookie.js"></script>
   
  <script>
  $(function() {
    v = $.cookie("in1");
    if (typeof v !== "undefined" && v !== null){
      if (v.length > 0) {
        $("#in1").val(v);
      }
    }
    $("#in1").blur(function() {
      v = $("#in1").val();
      $.cookie("in1", v, { expires: 7 });
    });
   
  });
   
  </script>
   
  <input type="text" name="in1" id="in1" size="20">
   
  <ul>
  <li>画面が表示された時に、一回、保存されている値を表示します。
  <li>フォーカスが無くなる時に、値が保存されます。
  </ul>
  

ページが違うと同じソースの内容でどうなるか。つまりクッキーの保存はページ(URL)に関係あるかを確認する為に、cookie03に上記と同じ内容を貼りつけて試してみます。同じidが別のページに存在する時の確認です。

→ 次へ（cookie03）