Last Update: Mar.10,2023

JavaScript Sample

動作確認: ○Firefox110(Win7) ○Chrome109(Win7)

■ Cookie の操作

フォントサイズの変更: ※変更後、60秒間だけ有効

▼ document.cookie の内容:

■ ソース

jQuery(function($) {

  var _apply = function(v) {
    if (!v) v = 'medium';
    $('body').css('font-size', v);
    $('#p0').text(document.cookie);
    return v;
  };

  $('#S1').val(_apply(Cookie.getval('font-size')));

  $('#S1').on('change', function() {
    var o = set_expires({}, '1 minute');
    Cookie.setval('font-size', this.value, o);
    _apply(this.value);
  });

  $('#B1').on('click', function() {
    Cookie.remove('font-size');
    $('#S1').val(_apply());
  });

});

■ ソース(cookie.js)

cookie.js