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

 

このプラグインの実際の動きを確認したい場合は、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プラグイン

  • HoverCaptions

    HoverCaptions

    HoverCaptionsは、Hover時に色々なパターンでキャプションを表示できる

  • RealShadow

    RealShadow

    RealShadowは、マウスの動きに追随するシャドウを簡単に設置できる

  • Highlighter

    Highlighter

    指定要素のみをハイライト表示

  • glassyWorms

    glassyWorms

    背景にミミズをはわせる

  • Toolbar

    Toolbar

    コンパクトなツールバーを設置できる