好きなボタンをクリックして、ページを移動してまた戻って来なさい。覚えておくからね

 

このプラグインの実際の動きを確認したい場合は、PCからアクセスして下さい。

  • files
  • js
  • html
<script src="<PATH>/jquery.min.js"></script>
<script src="<PATH>/jquery.fs.macaroon.min.js"></script>
<script>
    $(window).load(function(){
		var _txt = '';
		if($.macaroon('MacaroonBtn01') != null) _txt += $.macaroon('MacaroonBtn01');
		if($.macaroon('MacaroonBtn02') != null) _txt += $.macaroon('MacaroonBtn02');
		if($.macaroon('MacaroonBtn03') != null) _txt += $.macaroon('MacaroonBtn03');
		if($.macaroon('MacaroonBtn04') != null) _txt += $.macaroon('MacaroonBtn04');
		if($.macaroon('MacaroonBtn05') != null) _txt += $.macaroon('MacaroonBtn05');
		if(_txt != '') $('#MacaroonChoice').text(_txt);
		
		$('#MacaroonBtnGrp button').on('click', function(){
			$this = $(this);
			var _key = $this.attr('id');
			var _val = $this.attr('data-txt');			
			$.macaroon(_key, _val);
			_txt = '';
			if($.macaroon('MacaroonBtn01') != null) _txt += $.macaroon('MacaroonBtn01');
			if($.macaroon('MacaroonBtn02') != null) _txt += $.macaroon('MacaroonBtn02');
			if($.macaroon('MacaroonBtn03') != null) _txt += $.macaroon('MacaroonBtn03');
			if($.macaroon('MacaroonBtn04') != null) _txt += $.macaroon('MacaroonBtn04');
			if($.macaroon('MacaroonBtn05') != null) _txt += $.macaroon('MacaroonBtn05');
			if(_txt != '') $('#MacaroonChoice').text(_txt);
		});
		$('#MacaroonBtn06').on('click', function(){
			$.macaroon('MacaroonBtn01' , null);
			$.macaroon('MacaroonBtn02' , null);
			$.macaroon('MacaroonBtn03' , null);
			$.macaroon('MacaroonBtn04' , null);
			$.macaroon('MacaroonBtn05' , null);
		});
    });
</script>
<p>好きなボタンをクリックして、ページを移動してまた戻って来なさい。覚えておくからね</p>

<div id="MacaroonBtnGrp">
	<button id="MacaroonBtn01" class="yellow" data-txt="私の">私の</button>
	<button id="MacaroonBtn02" class="red" data-txt="戦闘力">戦闘力</button>
	<button id="MacaroonBtn03" class="blue" data-txt="は">は</button>
	<button id="MacaroonBtn04" class="green" data-txt="530000">530000</button>
	<button id="MacaroonBtn05" class="yellow" data-txt="です">です</button>
</div>

<p id="MacaroonChoice"> </p>
<button id="MacaroonBtn06" class="black">cookieを削除する</button>

Macaroonについて

macaroonは、クッキーの取得、セット、削除を簡単にできるプラグインです。
機能もできることもシンプルです。シンプルイズベスト
ダウンロード こちら
ドキュメント こちら
デモ こちら
ライセンスMIT
対応ブラウザ

関連するjQueryプラグイン

  • ResizeEnd

    ResizeEnd

    ResizeEndは、ウィンドウサイズを変更後のイベント設定できる

  • jRumble

    jRumble

    とにかくふるえる

  • FaviconNotifier

    FaviconNotifier

    ファビコンに数字を表示したり、変えたりすることができる

  • lodaButton

    lodaButton

    lodaButtonは、アニメーションアイコン付きのボタンを設置できる

  • champagne

    champagne

    指定要素内の要素をランダムにフェードインしながら表示