e-riverstyle.comClick here to enter
ページ遷移時に情報を保持(cookie使用) - 万象酔歩
ページ遷移戻りでcssやJavascriptの変数を保持する方法 ページ遷移後元に戻って来た時に前の状態を保持していて欲しいことは 良くあります。 簡単なブログであっても、ちょっとした cssのstyleやJavascriptの大域変数ひとつ くらいは保持してもらいたいものです。 このサンプルはcookieを用いて情報を記憶します。 別途hidden要素を用いたやり方を本記事の hiddenに値を記憶させる方法に 置いてあります。 下の例では左の２つの要素が通常の取り扱いで、右の２つの要素が情報保持を 行っているものです。[test]ボタンで色と値が変わります。他ページに遷移後 戻ってくると、右の２つが状態を保っていることが分かります。 左のカウンタは表示は環境によっては状態を保つ場合も ありますが変数は初期値に戻ってしまっています。 AAAA BBBB コードは次のようになっています。
cookieを簡単に取り扱う「jQuery Cookie」
cookieを簡単に取り扱う「jQuery Cookie」 Check Tweet 配布元：carhartl/jquery-cookie ライセンス：MITライセンス 「jQuery Cookie」はJavaScriptで取り扱いがめんどくさいcookieについて簡単に取り扱えるようにするためのjQueryプラグインです。 利用方法 まずは、jQuery本体と配布元よりダウンロードしたjquery.cookie.jsをhead要素などで読み込みます。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.cookie.js"></script> cookieに値を保存するには、次のように$.cookieに対してキーと保存する値を指定して保存します
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
