2011-07-28 21 views

答えて

4

明らかに私は私のルータビットを知らない。しかし、クイズを作ることは、実際には簡単に(ハードコードで)作成することも、構築することも難しいこともあります(データベース駆動)。最初のものは後で変更するのが難しく、後者は非常に簡単です。

これは本当にあなたがやりたいことに依存していて、どちらもphpとjQueryでかなり実行可能です。

  1. 質問、回答、ユーザー応答のデータベースを設定します。
  2. それから私は
  3. ajaxhelp.phpはJSONを返す($.post()してアクセス)/ajaxhelp.phpするデータをポストするために私はjQueryのための1を/quiz.php閲覧するユーザーのために、1を少数のPHPページをcreateaと思いますポストパラメタに基づくデータ。 Mabyeの質問+4の答えは "nextQuestion"で、jQueryは答えごとにいくつかのラジオボックスを含むフォームを生成します。
  4. ユーザーが回答を選択してから$.post()を返します。 ahaxhelp.phpは、データベースが正解とマークされているかどうかを調べ、結果を返します。
  5. jQueryの「nextQuestion」を取得し、その結果、新しい形の
  6. の概要を表示します

編集

静的データについてコメントした後、この簡単な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部分を組み込むことも難しくありません。

+0

回答2-6のおかげで私は何をしたいのですか?静かな質問です。私の例のようにデータベースを持っている必要はありません。参考サイトや参考書がありますか?このクイズを開発する?私は本当にapppeciatedの返信をありがとう – idontknowhow

関連する問題