• ベストアンサー

jQueryでCookieを操作

jQuery.cookie.jpでCookieファイルを保存しようと考えています。 実際にCookieにデータを保存することはできたきました。 別ページでCookieにデータを保存したいと考えているのですが、 どうしてもうまくいきません。 Cookieの保存は、複数データを保存できないのでしょうか？ 簡単なページにクリップ機能みたいなのを作っています。

質問者が選んだベストアンサー

  • ベストアンサー
  • askaaska
  • ベストアンサー率35% (1455/4149)
回答No.3

JavaScriptだけでもできるけどね jQueryでの実装が上手くできない時点で PHPに変えてもできないわよ 考え方ははまったく同じだから $.cookie('かご', 'りんご'); のあとで $.cookie('かご', 'みかん'); としたら当然 かごの中はみかんしかなくなってしまうわ いったんりんごを取り出して みかんと一緒に格納しなおさないとダメよ

その他の回答 (2)

  • askaaska
  • ベストアンサー率35% (1455/4149)
回答No.2

・一時的に保存 ・データ追加 って何を指しているの？ 何をやりたいのかを もうちょっと具体的に教えて欲しい こういう風になってほしいのに こうなってしまう って言って欲しいわ

owo0223
質問者

補足

回答有難う御座います。 ショッピングのカゴをイメージした感じで、 一個にクリップボタンがあって、押したら一時的にCookieに保存。 途中で５個くらいクリップした状態で、途中クリップを２～３個消したい時に残りのクリップが残るようにしたいのです。 PHPを使ったほうがいいのでしょうかね？ 色々考えてたらそうなっちゃいますかね？

  • askaaska
  • ベストアンサー率35% (1455/4149)
回答No.1

どう上手くいかないの？ Cookieはドメインごとに キーワード=値 で保存されるわ つまり、キーワードが同じだと上書きされちゃうわね キーワードっていうのは $.cookie('the_cookie', 'the_value'); の「the_cookie」の部分よ

owo0223
質問者

補足

回答有難う御座います。 Cookieで一時的にデータを保存してから、 再度同じCookieにデータを追加していきたいのです。 一度書き込んだCookieにデータ追加は、やっぱできないのでしょうか？

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • jQueryのui.tabのcookieについて

    jQueryのui.tabのcookieについて ブログのサイドバーにタブメニューを設置して、ユーザーがタブをクリックするとそのタブを記憶して同じブログ内の別のページへ移動してもそのタブの内容が表示されるというものを作ろうと思い、 jQueryのui.tabで作ったタブにjquery.cookieを利用してクッキーを保存するようにしたんですが… $('#container1').tabs({event:'click',cookie: { expires: 30 },cache:true}); タブをクリックして同じブログ内の別のページへ移動するとタブが初期状態に戻ってしまいます。 どなたか改善策を知っているかたは教えてもらえないでしょうか？？よろしくお願いします！！

  • jquery.cookie.jsの使い方が分かりません。

    jquery.cookie.jsの使い方が分かりません。 Web経験浅く、質問の仕方や内容に不足や不備があるかもしれませんが、ご容赦ください。 入力フォームでcookie.jsを使いたいのですが、どのようにスクリプトを書けばよいのか分かりません。 単純に、入力フォームに入力したデータを保存したいだけなのですが・・・。 いろいろ調べてみたいのですが、分かりやすいソースサンプルを見つけることが出来ず、困っております。 どなたか教えて下さいませんでしょうか？ ちなみに、ソースサンプルは以下の通りです。 ------------------------------------------------------------------ <html> <head> <title>テスト</title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.cookie.js"></script> <script type="text/javascript"> ????????????ここのスクリプトをどうしたらよいのか分かりません。 </script> </head> <body onload="getck()"> <form name="input"> 　　性別：<input type="radio" name="sex" value="男性" />男性／ 　　　　　<input type="radio" name="sex" value="女性" />女性<br /> 　　名前：<input type="text" name="name" /><br /> 　　住所：<input type="text" name="add" /><br /> 　　<input type="button" value="記録" onClick="setck()" /><br /> 　　<input type="button" value="呼び出し" onClick="getck()" /><br /> </form> </body> </html> ------------------------------------------------------------------ 上記ソースではボタンクリックで呼び出しとしていますが、実際には、入力したフォームのページ（入力ページ1）とは別のフォームページ（入力ページ2）で、入力データを再利用する作りとなります。 要するに、入力ページ2を呼び出すと、入力ページ1で入力したデータが入力されている、という状態を求めております。 なので、<body onload="getck()">としてあります。 （テストも兼ねたサンプルソースなので、1ファイルで全てチェックできるようにしています） 説明が分かりにくいところもあるかと存じますが、何とぞご教示いただけますよう、宜しくお願い申し上げます。

    • ベストアンサー
    • AJAX
  • jQueryでcookieの取得

    jQuery初心者のため、教えてください。 やりたいことは 「非表示ボタン」というボタンがあり それをクリックした人は 別のある要素を、ずっと非表示にする。 …ということです。 「非表示ボタン」をクリックした人の情報をcookieで取得し、 それをif文で条件分岐し、 その該当の要素をhideとshowで切り分けるのはわかるのですが、 cookie値の取得の仕方とかが、いまいち分かっておりません。 こんなあいまいな質問で申し訳ないのですが、 特にcookieの取得のところを教えていただけると、 助かります。 宜しくお願いいたします。

  • jQueryでcookie 追加書き込み

    jQueryでcookieに追加書き込みをしたいのですが、どうやってもわかりません。 ここからクッキを追加書き込みを実現したいのですが、 どうやっても頭が回らず困って、混乱気味になっています。 誰か助けてください！ おねがいいたします！ <!DOCTYPE html> <html lang="jp"> <head> <meta charset="utf-8"> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript">google.load("jquery", "1.7.1");</script> <script type="text/javascript" src="jquery.cookie.js"></script> <script type="text/javascript"> //入力された値をCookieに保持する function cookie(){ $.cookie("cookie", $("#cookieValue").val()); $("#result").html($.cookie("cookie")); } //現在のCookieの値を出力 $(function() { $("#result").html($.cookie("cookie")); }); </script> <title></title> </head> <body> <input id="cookieValue" type="input"> <a href="index.html" onclick="ｃookie()">クッキー</a> <p><span id="result"></span></p> </body> </html>

  • jquery.cookie.jsを使用していますが

    jquery.cookie.jsを使用していますが、ページ遷移した際に、クッキーが外れるみたいなのです。 現象としては、文字サイズや背景色を変えて（別CSSを読み込む）同じ階層のページへ遷移してもそのまま文字サイズも背景色も適用されたままなのですが、別階層（index.htmlからlink/a.htmlなどフォルダ内のHTMLファイル）に遷移すると適用が外れます。そしてlink/a.htmlでサイズ変更してそこからindex.htmlに戻ると変えたはずの文字サイズなどは解除されています。 おそらくjquery.cookie.jsの問題かと思いますが、どこをいじればいいのか分かりません。 お願いします。 以下、jquery.cookie.jsのソースです。 jQuery.cookie = function (key, value, options) { // key and value given, set cookie... if (arguments.length > 1 && (value === null || typeof value !== "object")) { options = jQuery.extend({}, options); if (value === null) { options.expires = -1; } if (typeof options.expires === 'number') { var days = options.expires, t = options.expires = new Date(); t.setDate(t.getDate() + days); } return (document.cookie = [ encodeURIComponent(key), '=', options.raw ? String(value) : encodeURIComponent(String(value)), options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE options.path ? '; path=' + options.path : '', options.domain ? '; domain=' + options.domain : '', options.secure ? '; secure' : '' ].join('')); } // key and possibly options given, get cookie... options = value || {}; var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent; return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null; };

  • cookieについて

    IE5.0でツール→インターネットオプション→セキュリティ→レベルのカスタマイズ→cookie ・コンピュータに保存されているcookieの使用許可 ・セッションごとのcookieの使用許可 この二つの設定の違いがよくわからなくて困っています。 具体的には、cookieを使用するサイトでcookieの設定がなされていない時に違うページへとばす処理をしたいのですが、設定によってはうまくいかないことがあるので困っています。 実際には、あるページでcookieを書き込み、次のページでそのcookieの値を読み込み存在すればOK、しなければ別ページへとばす、という処理を書いてあります。 この時、 ・コンピュータに保存されているcookieの使用許可→無効 ・セッションごとのcookieの使用許可→有効 の状態だと、cookieが書き込めてしまって、OKになってしまいます(本当はNGにしたい)。 ・コンピュータに保存されているcookieの使用許可→有効 ・セッションごとのcookieの使用許可→無効 だと、NGとなり別ページへ飛んでくれます。 また、試しにwindow.navigator.cookieEnabledで調べてみると、 ・コンピュータに保存されているcookieの使用許可→無効 ・セッションごとのcookieの使用許可→有効 の時falseで、 ・コンピュータに保存されているcookieの使用許可→有効 ・セッションごとのcookieの使用許可→無効 の時trueが返ります。 どちらも有効の時はじめてOKを取得したいのですが・・・・。 回避方法、もしくは詳細情報のあるサイトなどでも結構です。 何か情報がございましたら教えて下さい。よろしくお願いいたします。 テスト環境はWindowsNT4.0(SR6) IE5.0ですが、IE4.01以上で動作することを想定しています。

  • jQuery Mobile

    jQuery Mobileでは１つのHTMLファイルに複数ページを記述するようですが テキストボックスに記載した文字を別のページに表示するにはどのようにするのでしょうか

    • ベストアンサー
    • AJAX
  • Cookieの取得先は変更できますか？

    メインページがhttp://localhost/abcの階層にあり、 追加ページをhttp://localhost/abc/defと１階層深くし作成しました。 追加ページにてCookieの保存取得は出来ているのですが、 Cookiesフォルダへの保存されるファイルが、メインページと追加ページで 分かれてしまっています。 他サイトのCookieは読めないというのは知っているのですが、 上階層のCookieは読めないのでしょうか？ フォルダが違うと別サイト扱いになるのでしょうか？ 上階層のCookieを読む方法、もしくは同じCookieファイルに情報を保存する方法 があればご教授ください。 宜しくお願い致します。

  • Cookie操作

    Cookieによって、表示するページを変えたいと思っています。 例えば、 ここ1週間の間に訪問している場合 　→index1.htmlを表示させる。今、訪問したということはCookieには上書きしない。 1週間の間に訪問していない場合、もしくはちょうど1週間前のCookieが残っている場合(…つまり、上記以外、ということです) 　→index2.htmlを表示させ、新しく訪問したということをCookieに保存する。 ・・・というようなことはできないでしょうか? もっと詳しく書きますと、 こちらのgooのアンケートカテゴリーに入る際に表示される注意書きは、ブラウザ起動後初回のみの表示、 というようなものを、1週間に延ばしたような感じです。 以前、どこかのサイトでJSによってCookieが操作できるとあったので、こちらのカテゴリーで質問させていただきました。 よろしくお願いいたします。

  • Cookieがたまりっぱなし、でも削除で困っています。

    Ｃookieの削除という事を聞きますが、ためずに消していった方がよいのでしょうか。ファイルに山のようにたまっていました。消すと大変困るＣookieはありますか。どの様に見分けますか。ページを保存７日にしてありますが期間を過ぎたら消えていっているのでしょうか。それにしては一杯たまっています。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する