2
は、どのように私はこの使用してPHPとjQueryを行わことができますか?またはフラッシュヒントと提案PHPを使用してクイズを作成する方法についてとjQuery
私はこれからアイデアを得たかを使用していないこれを行うために他の方法があり、私の問題は、この
答えとタイマーを実装し、@Fatih
によって作られた方法でありますは、どのように私はこの使用してPHPとjQueryを行わことができますか?またはフラッシュヒントと提案PHPを使用してクイズを作成する方法についてとjQuery
私はこれからアイデアを得たかを使用していないこれを行うために他の方法があり、私の問題は、この
答えとタイマーを実装し、@Fatih
によって作られた方法であります明らかに私は私のルータビットを知らない。しかし、クイズを作ることは、実際には簡単に(ハードコードで)作成することも、構築することも難しいこともあります(データベース駆動)。最初のものは後で変更するのが難しく、後者は非常に簡単です。
これは本当にあなたがやりたいことに依存していて、どちらもphpとjQueryでかなり実行可能です。
$.post()
してアクセス)/ajaxhelp.phpするデータをポストするために私はjQueryのための1を/quiz.php閲覧するユーザーのために、1を少数のPHPページをcreateaと思いますポストパラメタに基づくデータ。 Mabyeの質問+4の答えは "nextQuestion"で、jQueryは答えごとにいくつかのラジオボックスを含むフォームを生成します。$.post()
を返します。 ahaxhelp.phpは、データベースが正解とマークされているかどうかを調べ、結果を返します。編集
静的データについてコメントした後、この簡単なHTMLページは、あなたが始める必要があります。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
var q1wa =
{
Question: 'Question One Text',
Answers:
[
{ AText: 'Answer1 Text', RightAnswer: true },
{ AText: 'Answer2 Text', RightAnswer: false },
{ AText: 'Answer3 Text', RightAnswer: false }
]
};
$(document).ready(function() {
$('#question').html(q1wa.Question);
for(var i = 0; i < q1wa.Answers.length; i++) {
$('#answers').append(q1wa.Answers[i].AText + "<br />");
}
});
</script>
</head>
<body>
<div id="question"></div>
<div id="answers"></div>
</body>
</html>
この方法では、「正しい」答えがcビューソースを作成することはできますが、これは良い出発点です。また、クライアントサイドではなくサーバサイドで回答の検証を行うことで、答えを秘密にするPHP部分を組み込むことも難しくありません。
回答2-6のおかげで私は何をしたいのですか?静かな質問です。私の例のようにデータベースを持っている必要はありません。参考サイトや参考書がありますか?このクイズを開発する?私は本当にapppeciatedの返信をありがとう – idontknowhow