ホーム > タグ > Cookie

Cookie

[php + js]読み終えたページによって登場人物紹介ページの内容を変える

質問サイト見てたら面白いネタを発見！

私は今、長編小説をHPに公開しようと思っています。
キャラクター紹介のページを作ろうと思っているのですが、
読んだ読者さんによって表示される内容を変えたいのです。
例えば第一章で登場するAとBというキャラがいたとします。
読者さんが第一章を読んだらキャラ紹介のページにAとBのキャラクターの紹介が加わる。
という形にしたくて、cookieを使用しようと思うのですが、
なにぶんこのような操作ははじめてでしてどうしたらよいのかわかりません。
各章の最後のページにクッキーを食べさせるjavascriptを書いて、
キャラ紹介のページでクッキーを読み込み、キャラの説明文を表示したいです。

物語が進むにつれて、他キャラが増えたり、説明文に追記が加わるようにするにはどうしたら良いでしょう。
cookie使用があまりなく、調べましたがよくわかりませんでしたので詳しく教えていただけましたら幸いです。

独自CGI作ってもよさげな発想だと思ったんだけど、PHPとJavaScript使えば比較的簡単に出来るので、
デモとサンプルソース晒しときます。

ページ構成と概要

  • index.html
    小説のトップページ（つまり1ページ目 or 第一章）
  • 2.html
    2ページ目　or 第二章（以降、ページまたは章と同じファイル名で連番にする）
  • cast.php(cast.html)
    キャラクター紹介ページ
  • mychar.js
    クッキー発行スクリプトファイル

トップは1.htmlでもindex.htmでも何でもいいですが、
2ページ目より後のページを　番号＋拡張子　にします。

サンプルはこちら

Continue reading

[PHP]フォームの2重送信防止をCookieで行うサンプル

2重送信防ぐ方法でセッションにワンタイムパスワードみたいなの保存しとく方法があけど、
セッション使いたくないなーと思った時は変わりにCookieに保存しとくっていう手もある。
1ページ完結のスクリプトだと特にheader()で飛ばすとエラー出る事もあるので結構便利だと思う。

1、フォームのheddenでトークンIDをセット。IDは表示されるたびに入れ替わる。

PLAIN TEXT
HTML:
  1. print '<input type="hidden" name="ticket" value="'.getTokenId().'" />'."\n";

2、保存とか送信とかが成功した時点でPOSTされたトークンIDをCookieに保存するようにして

PLAIN TEXT
PHP:
  1. $ticket = $_POST["ticket"];
  2. setNewCookie("sample_ticket",$ticket,time()+(3600*24*30));

3、Step2の前のタイミングでPOSTをチェックして、保存されたチケットとPOSTされたチケットが同じなら弾くようにする。

PLAIN TEXT
PHP:
  1. if($_POST[ticket] == $_COOKIE["sample_ticket"]){
  2.     print "不正な送信です";
  3.     continue;
  4. }

▼サンプルソースの関数

PLAIN TEXT
PHP:
  1. //トークン用ID発行
  2. function getTokenId(){
  3.     return substr(md5(uniqid().mt_rand()),-13,10);
  4. }
  5. //クッキー発行
  6. function setNewCookie($name, $value, $time){
  7.     return setcookie($name, $value, $time);
  8. }

セッションの場合もやり方は同じ。

Home > Tags > Cookie

Scripts
カテゴリー
Recent Reactions
最近の投稿
最近の修正
  • そしてこのSQLはわれながらよく書いたと思う 2010-11-15
  • CSVの列っていう方がいいのかな…118項目だった 2010-11-15
  • 楽天のCSVの項目が116個もあった衝撃 2010-11-15
  • オフィスで香水臭振りまくのは迷惑だと知れ 2010-11-15
  • ぐあー　フレグランステロやー 2010-11-15
  • More updates...

Powered by Twitter Tools

Tag Cloud
おすすめサーバー・他

メタ情報

Return to page top