二択質問作ってその成績表を横の棒グラフで作りたい

質問

二択の質問表をまず作り、その正解率の横棒グラフを作りたいのです。
少しややこしいのですが、その際に、登録制にして、登録してくれた方のみにＩＤを発行して成績表を作りたいのです。さらに、登録したい方からメールをもらって、その登録用の返事メールも成績表の更新も全自動ですませれるようにしたいのですが、初心者のためどうしていいかわかりません。ｊａｖａｓｃｒｉｐｔを使ってできるのはわかるのですが、具体的にどうすればいいか教えていただけませんでしょうか？お願いします。

回答No.2

mahny · ベストアンサー

こんにちわ、"初心者"を強調せずとも分かっていますので…。

苦戦されているようですね。。。

名前の書き込みとベスト10ということですが、
サーバサイドのプログラムを使わないなら
こんなカンジになってしまうでしょう。

▼ローカルＰＣ側
・質問の画面を見る
・名前を入力する(HTML or JavaScript)
・質問に答える（HTML or JavaScript）
・[採点]ボタンなどが押されたら採点する(JavaScript)
・採点結果と名前をメールであなた宛に送信する（JavaScript）
・今の質問の採点結果のみをグラフ化して見せる(JavaScript+HTML)

▼kuratakuraさんがやること
・メールを見てkuratakuraさんが登録・集計する（集計結果はエクセルなどにまとめる）
・集計結果からベスト10表示グラフ画面をkuratakuraさんが用意する(表現方法は色々)

▼ローカルＰＣ側
・後日ベスト１０のグラフを見に来る

上記に加えて、各処理で画面の移動を考えるならCookieの扱い方も勉強しないといけません。
（参考URLにクッキー入門っぽいページを張っておきました）

もう一度書きますが、「JavaScriptはローカルで動作」するものです。
これはサーバに置いてあるデータを書き換えることが出来ないことも示します。
（出来ちゃったらセキュリティ面で大問題です）

つまり成績データを残すことが出来ません。
これを考えればベスト10を求めることは出来ないと分かるはずです。

kuratakuraさんがやることという部分は
私ならサーバサイドの言語で作りたい部分です。

良い機会だと思うのでサーバサイドの言語、始めてみてはいかがですか？

▼前回の補足
前回書き忘れましたがグラフの表現方法の例として
適当な大きさの画像を用意してJavaScriptでwidth属性値を
操作してあげれば出来ます。

<img src="graph.gif" width="[ここを正解率にするとか]">

がんばってください。では。
|・x・)ノ

参考URL：

http://www.tohoho-web.com/wwwcook.htm

お礼

ありがとうございます、サーバーサイド言語は勉強することにしました、それでとりあえず、クイズだけ作ってみたのですが、１箇所だけわからないところがあるのですが、クイズで不正解のときは表示が出るのですが、正解のとき答えのページに飛ばないのです。正解のページのアドレスはhttp://deaimakuri.blog50.fc2.com/blog-category-20.htmlです。
{window.location.href="./20.html")}"
else {alert("残念、間違いです")}
}
このように入れてみたのですが、正解のページに飛ばないのです、どう記述すれば、うまくページが飛ぶのでしょうか？お願いします。

回答No.3

mahny

>正解のとき答えのページに飛ばないのです

404 - File Not Foundがブラウザに表示されたのではないですか？
そもそもファイル名から間違っています。
その位はもうちょっと調べましょうよ。

正解ページのアドレスからFC2を使われているようですが
参考URLにあるとおりCGI等を使うのは有料のようです。
もし、今後サーバサイド言語を使っていくなら気をつけましょう。

それから元の質問「棒グラフを表示したい」から
かなり外れていると思うので
まだ質問があるなら質問を立て直してみてはどうですか？

参考URL：

http://web.fc2.com/

回答No.1

mahny

こんばんわ。
結論から言うと、残念ですがJavaScriptだけで行うのは無理と思います。

というのも、JavaScript自体はローカルで動作するからです。
（サイトを見に来てくれた人のＰＣ）

そしてJavaScriptそのものが編集・送信できるデータも
基本的にローカルにあるCookieと呼ばれるテキストだけです。

その為、

・登録制にする
・登録した人にIDを発行する
・返信用メールを自動で出す

という処理はサーバ側で何らかの処理をしなければなりません。
つまり、Perl, PHP, JSP, ASP等のサーバサイドで動かせるものと連携させる必要があります。

質問を選択と正解率、グラフ出力、メールをあなた宛に送信するなんかはJavaScript+HTMLだけでもできると思います。
（メールはローカル側ＰＣのセキュリティソフトによって封じられるかもしれませんが…）

お礼

お返事ありがとうございます。では、登録制にするのは自分でやるとして、２択の質問を作り、その正解率がいい人のベスト１０のグラフ表を作りたいのですが、二択の表は自分で何とか作ったのですが、
あとはこれに、正解不正解をつけて、名前が書き込めるベスト１０の正解グラフ表を作りたいのですが（正解することで順位が自動で入れ替わる）、どういう風にすればいいのかわかりません。どうか初心者なもので教えていただけませんでしょうか？お願いします。