Quiz Generator Script Ranking+

<script type="text/javascript" src="jquery-1.7.1.min.js"></script> 
<script type="text/javascript" src="jquery.cookie.js"></script> 
<script type="text/javascript" src="quiz-config.js"></script>
<script type="text/javascript" src="quiz-generator-ranking.js"></script>
<link rel="stylesheet" type="text/css" href="quiz-generator-ranking.css" />

<div id="quiz_box"></div>

/*------------------------------------------------------------------------
 * Quiz Generator Script Ranking+ 設定ファイル
 * Copyright 2012 Sawa's Factory
 * http://sawa-s.com/quiz-generator-ranking.html
------------------------------------------------------------------------*/

/*---------- オープニング&クイズ設定 ----------*/
/* クイズボックスの横幅 縦幅*/
var q_w=450;		//横幅 px  min=400
var q_h=380;		//縦幅 px  選択数の増減によって調整してください。3択：330  4択：380   5択：430
/* タイトル */
var q_title="４択クイズ";
/* オープニングメッセージ ボタン */
var opening_msg=[
	"このクイズは４択形式のクイズです。",
	"全部で１０問あり、満点は１００点です。",
	"あなたは何点取れるでしょうか？",
	"",
	"お名前（ハンドルネーム可）を入力してください。",
	"80点以上ならば一覧&ランキングに登録する事ができます。"
];
var opening_start_button="ＳＴＡＲＴ";
/* 出題数 */
var q_no=10;
/* 出題順 0-昇順 1-ランダム */
var q_rnd=0;
/* 正解・不正解の表示 0-しない 1-する */
var q_dsp=1;
/* 正解・不正解を表示する場合、表示する秒数 */
var q_dtime=2;
/* 正解・不正解を表示する場合、サウンドを使用  0-しない 1-する */
var q_sound=0;
/* 制限時間（秒） 0-設定なし  */
var q_timer=0;
/* 選択岐をシャッフル 0-しない 1-する */
var q_sfl=1;
/* 正解・不正解を表示する 画像ファイル（入れ替える場合のみ）　不正解画像,正解画像の順 */
var img_file=["image/0a.png","image/1a.png"];
/* サウンドを鳴らす場合のサウンドファイル （入れ替える場合のみ）　不正解サウンド,正解サウンドの順 */
var sound_file=["sound/0.wav","sound/1.wav"];

/*---------- 問    題 ----------*/
var questions = [
 ["問題1", ["選択1-1", "選択1-2", "選択1-3", "選択1-4"], 1, 5]
,["問題2", ["選択2-1", "選択2-2", "選択2-3", "選択2-4"], 1, 6]
,["問題3", ["選択3-1", "選択3-2", "選択3-3", "選択3-4"], 1, 7]
,["問題4", ["選択4-1", "選択4-2", "選択4-3", "選択4-4"], 1, 8]
,["問題5", ["選択5-1", "選択5-2", "選択5-3", "選択5-4"], 1, 9]
,["問題6", ["選択6-1", "選択6-2", "選択6-3", "選択6-4"], 1, 10]
,["問題7", ["選択7-1", "選択7-2", "選択7-3", "選択7-4"], 1, 11]
,["問題8", ["選択8-1", "選択8-2", "選択8-3", "選択8-4"], 1, 12]
,["問題9", ["選択9-1", "選択9-2", "選択9-3", "選択9-4"], 1, 15]
,["問題10", ["選択10-1", "選択10-2", "選択10-3", "選択10-4"], 1, 20]
];

/*---------- エンディング設定 ----------*/
/* 一覧に登録する点数　これを0にするとクイズ参加者全員の得点を登録する。 */
var quiz_clear = 80;
/* 得点振り分けメッセージ*/
var endings = [
	 [100, [
		"<span class='msg_tokuten'> う〜ん、お見事!!</span>"
		,"<span class='msg_tokuten'> !name!!name_keishou! の得点は <strong>満点</strong>でした。</span>"
		,"",
		,"正解数は!seikai_num!問、正解率は!percent!％です。"
	]]
	,[80, [
		"<span class='msg_tokuten'>う〜ん。さすがですね。</span>"
		,"<span class='msg_tokuten'>!name!!name_keishou!の得点は <strong>!tokuten!点</strong> でした。</span>"
		,""
		,"正解数は!seikai_num!問、正解率は!percent!％です。"
		,"再挑戦をお待ちしています。"
	]]
	,[50, [
		"<span class='msg_tokuten'>なかなかやりますね。</span>"
		,"<span class='msg_tokuten'>!name!!name_keishou!の得点は <strong>!tokuten!点</strong> でした。</span>"
		,""
		,"正解数は!seikai_num!問、正解率は!percent!％です。"
		,"再挑戦をお待ちしています。"
	]]
	,[30, [
		"<span class='msg_tokuten'>もうちょっとです。がんばりましょう</span>"
		,"<span class='msg_tokuten'>!name!!name_keishou!の得点は <strong>!tokuten!点</strong> でした。</span>"
		,""
		,"正解数は!seikai_num!問、正解率は!percent!％です。"
		,"再挑戦をお待ちしています。"
	]]
	,[0, [
		"<span class='msg_tokuten'>あれ、わざと間違えたのかな。</span>"
		,"<span class='msg_tokuten'>!name!!name_keishou!の得点は <strong>!tokuten!点</strong> でした。</span>"
		,""
		,"正解数は!seikai_num!問、正解率は!percent!％です。"
		,"再挑戦をお待ちしています。"
	]]
];
/* リスタートのボタン名 */
var restart_button_name="RESTART";
/*---------- 管理モード ----------*/
var pw="0123";

/*--------------- ここからCGI登録、一覧・ランキング表示に関する設定 ---------------/*
/* JavaScriptでCGIを制御しております。
    以下の設定をするだけでCGIへデータが渡されます。 */

/* CGIファイルの場所と名前 CGIが別サーバーの場合はhttp://…から書く */
var cgi_file="cgi/record.cgi";

/* ---------- 名前入力関係の設定 ---------- */
/* 名前の入力 0-匿名（省略）可 1-入力必須 */
var name_input=0;
/* 匿名の場合の名前 */
var tokumei="匿名";
/* 名前のあとの敬称 */
var name_keishou="さん"
/* 名前の最大文字数 */
var name_length=6;
/* クッキー保存期間 日数 */
var cookieExpires=7;
/* クッキーパス */
var cookiePath="/";

/* ---------- 最新のクイズ履歴一覧の設定 ---------- */
/* 一覧に表示する人数 */
var listing_num=20;
/* 一覧の名称 */
var listing_title="最新" + listing_num + "名の履歴一覧";

/* ---------- ランキングの設定 ---------- */
/* ランキングをクリアするタイミング
    0-クリアしない 1-月が変わったらクリアする 2-年が変わったらクリアする
    クイズ運用後に変更すると、クリアされてしまうので注意。 */
var ranking_clear=1;
/* ランキングに表示する人数 */
var ranking_num=20;
/* ランキングの名称 */
var ranking_title="今月のランキング";
/* コメントの入力 0-省略可 1-必須 */
var ranking_comment=1;
/* コメントの最大文字数 */
var ranking_comment_length=12;
/* ランクインした場合の登録メッセージ */
var rankin_msg=[
	"!name!!name_keishou! の得点が <span style='color:red;font-weight:bold;font-size:16px;'>!rank!位</span> にランクインされました。",
	"コメント欄に感想等書いてくれると嬉しいです。",
	"",
	"ランキングに登録するには[登録]を、<br/>登録せず結果を見る場合は[結果表示]をクリックしてください。"
];
/* 一覧及びランキングをクローズするボタン画像 */
var lr_close_button="image/close_button.png";

/* ---------- 一覧＆ランキングに出力するソートキーの設定 ---------- */
/* ソートキー */
var sort_key="!tokuten!";
/* 追加キー */
var listing_add_key="!percent!";
/* 一覧及びランキングに表示する名前 */
var sort_key_name=new Array();
sort_key_name['!tokuten!']="得点";
sort_key_name['!seikai!']="正解点数";
sort_key_name['!seikai_num!']="正解数";
sort_key_name['!percent!']="正解率<br/>(%)";

/* ---------- 一覧＆ランキングの登録設定 ---------- */
/* 匿名の場合、一覧及びランキングに登録 0-しない 1-する */
var listing_tokumei=1;
/* 匿名の場合、ランキングに登録 0-しない 1-する */
var ranking_tokumei=0;
/* 一覧に重複登録 0-許可する 1-許可しない */
var listing_dupli=1;
/* ランキングに重複登録 0-許可する 1-許可しない  */
var ranking_dupli=1;

/*------------------------------------------------------------------------
 * Quiz Generator Script Ranking+ スタイルシート
 * Copyright 2012 Sawa's Factory
 * http://sawa-s.com/quiz-generator-ranking.html
------------------------------------------------------------------------*/
@charset "shift-jis";
/* クイズ出題ボックスの設定 */
#quiz_box{
	position: relative;
	overflow: hidden;
/* 背景や位置、文字の設定　お好きなように変更してください。  */
	margin: 0 auto;
	border: 2px outset #396;
	background: #EEFFFF;
	color: #000;
	font-size: 14px;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: 3px;
	line-height: 120%;
}
/* クイズタイトル */
#quiz_title{
	margin: 10px auto;
	width: 400px;
	height: 30px;
	text-align: center;
	font-size: 18px;
	line-height: 32px;
	background: #366;
	border: 1px solid #339;
	color: #FFE;
}
/* オープニング　メッセージ　フォントなどは変更可 */
#quiz_msg{
	margin: 1em auto;
	width: 400px;
	height: 300px;
	text-align: left;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 2px;
}
#quiz_msg p {
	padding-top:2px;
}
/* レベルオープニングメッセージ */
#level_opening_msg{
	margin: 40px auto;
	width: 400px;
	height: 300px;
	font-size: 18px;
	text-align: left;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 2px;
}
/* レベル-エンディング 得点表示　変更可 */
span.msg_tokuten{
	color: red;
	font-size: 18px;
}
/*--   正解・不正解画像の表示    表示位置(top,left,width)は自由に変えてください --*/
#dsp0, #dsp1 {
	position: absolute;
	top: 80px;
	left: 0px;
	width: 100%;
	margin: 0; padding: 0;
	z-index: 11;
	display:none;
	text-align: center;
}
/* 名前・コメント入力フォーム */
.name_form, .comment_form{
	margin-top:10px;
}
.name_form_in, .comment_form_in{
	padding:3px;
	font-size:15px;
}

/* タイトル 一覧＆ランキング表示用 */
#quiz_lr_title{
	margin: 10px auto;
	width: 400px;
	height: 30px;
	text-align: center;
	font-size: 18px;
	line-height: 32px;
	background: #8B0000;
	border: 1px solid #339;
	color: #FFE;
}
/* 一覧＆ランキング表示枠 width height はJSで制御   */
#quiz_lr_wrap {
	position: absolute;
	top: 50px;
	left : 5px;
	overflow-x: hidden;
	overflow-y: scroll;
}
/* 一覧＆ランキング表示テーブル */
table.lr_table{
	margin:0;
	width:100%;
	border:1px solid #000;
	border-collapse:collapse;
	font-size:14px;
	line-height:14px;
	letter-spacing:1px;
}
/* 一覧＆ランキング表示用テーブル要素 */
table.lr_table th{
	padding:3px;
	border:1px dotted #000;
	background-color:#ccc;
	font-weight:bold;
}
table.lr_table td{
	padding:2px;
	border:1px dotted #000;
	background-color:#fff;
	font-weight:normal;
}
table.lr_table td.ranking{
	text-align:center;
	font-weight:bold;
}
table.lr_table td.ranking_date{
	text-align:center;
	font-size:13px;
}
table.lr_table td.listing_date{
	text-align:center;
	font-size:14px;
}
table.lr_table td.sortkey{
	text-align:center;
	font-size:13px;
}
table.lr_table td.addkey{
	text-align:center;
	font-size:13px;
}
table.lr_table td.name{
	text-align:center;
	font-size:13px;
}
table.lr_table td.comment{
	font-size:12px;
}
.quzi_lr_open_button {
	margin: 10px auto;
	width: 250px;
	height: 15px;
	border: 1px outset #ccc;
	font-size: 15px;
	line-height: 15px;
	padding: 2px 0;
	text-align: center;
	background: #87CEFA;
	color: #000080;
	cursor: hand;
	cursor: pointer;
}
/*以下省略。*/

#!/usr/local/bin/perl
#----------------------------------------------------------------------
#   Quiz Generator Script Ranking+
#   Copyright 2012 Sawa's Factory
#   http://sawa-s.com/quiz-generator-ranking.html
#----------------------------------------------------------------------
use strict;
use lib "./lib";
use Jcode;

#一覧＆ランキング＆設定ファイルの指定
my $listing_file="data/listing.dat";
my $ranking_file="data/ranking.dat";
my $config_file="data/config.dat";
# ------------ 設定ここまで ------------ #