jQueryで作るタブ + cookieでその状態を保存 — WEB-PARK.ORG | サイト制作に使用した自作jQueryコードのご紹介
jquery.cookie.jsを使い、状態を保存できるタブインターフェイスの作成です。 角丸タブインターフェイス 今回はためしに、角丸のタブインターフェイスで作成してみました。 ただし、FireFoxとSafari限定です。IEだと、ただの四角。。。 HTMLソース <ul id="tab"> <li><a href="#yahoo">Yahoo!</a></li> <li><a href="#google">Google</a></li> <li><a href="#bing">Bing</a></li> </ul> <div id="tabContents"> <div id="yahoo"> <p>Yahoo!（ヤフー）は、...</p> </div> <div id="google"> <p>Google（グーグル）は、...</p> </div> <div id="bing">
jquery.cookieでjsオブジェクトをJSONで保管するメモ - すたら日記
要望 フォームの入力情報をクッキーに保存したい。 1つのクッキーに複数の項目の情報をまとめて保存したい。 解決策jQueryプラグインの"jquery.cookie"を使うことで全て解決しました。 外部: https://github.com/carhartl/jquery-cookie デモ: https://codepen.io/sutara79/pen/GBdKQX 解説自動JSON化のオプションを有効にすれば、JavaScript側では連想配列として、クッキー側ではJSON形式の文字列として扱えるように自動で変換してくれます。 // 自動JSON化を有効に $.cookie.json = true; // 連想配列をJSONで保存 var hash1 = { ... } $.cookie('cookie1', hash1); // JSONを連想配列に復元 var hash2 =
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
