socialforge/app/views/exercise/_exercise_student.html.erb

<script type="text/javascript">
    $(function(){
        $("#RSide").removeAttr("id");
        $("#homework_page_right").css("min-height",$("#courseLSide").height()-33);
        $("#Container").css("width","1000px");
        var end_time = <%=exercise.end_time.to_i%>;
        getTime(end_time);
        /*start_time = new Date();
        start_time.setFullYear(<%#=exercise_user.start_at.year%>);
        start_time.setMonth(<%#=exercise_user.start_at.month%>);
        start_time.setDate(<%#=exercise_user.start_at.day%>);
        start_time.setHours(<%#=exercise_user.start_at.hour%>);
        start_time.setMinutes(<%#=exercise_user.start_at.min%>);
        start_time.setSeconds(<%#=exercise_user.start_at.sec%>);
        //alert(start_time);
        end_time = start_time.getTime()  + 1000*60*<%#=exercise.time %>;
        getTime(end_time);*/
    });
    function getTime(end_time) {
        //alert(end_time);
        now = new Date();
        var total_seconds = now.getTime()/1000 - end_time;
        if (total_seconds > 0) {
            $("#exercise_submit_btn").click();
            return;
        }
        setTimeout("getTime("+end_time+");", 1000);
        //start = new Date(start_time);
        //end_time = start_time;
        //var total_seconds = total_seconds - 1;
        /*var hours = total_seconds / 60 / 60;
        var hoursRound = Math.floor(hours);
        var minutes = total_seconds /60 - (60 * hoursRound);
        var minutesRound = Math.floor(minutes);
        var seconds =  total_seconds - (60 * 60 * hoursRound) - (60 * minutesRound);
        var secondsRound = Math.round(seconds);
        $("#rest_hours").html(hoursRound);
        $("#rest_minutes").html(minutesRound);
        $("#rest_seconds").html(secondsRound);*/
        //if(total_seconds >0) {
            //setTimeout("getTime("+end_time+");", 1000);
        //}
    }
</script>
<div class="homepageRight mt0 ml10">
  <div class="resources">
    <div class="testStatus"><!--头部显示 start-->
      <h1 class="ur_page_title" id="polls_name_h"><%= exercise.exercise_name%></h1>
      <div id="start_time" style="display: none"><%=exercise_user.start_at %></div>
      <div class="fontGrey2">
        <span class="mr100">开始时间：<%=Time.parse(h(exercise_user.start_at)).strftime("%Y-%m-%d %H:%M:%S")%></span>
        <span class="mr100">截止时间：<%=Time.parse(h(exercise.end_time)).strftime("%Y-%m-%d %H:%M:%S")%></span>
        <% unless exercise.time == -1 %>
            <span class="fr">测验时长：<%=exercise.time %>分钟</span>
        <% end %>
<!--
        <span class="fr">剩余时长：<span class="c_red" id="rest_hours"></span>&nbsp;小时&nbsp;<span class="c_red" id="rest_minutes"></span>&nbsp;分钟&nbsp;<span class="c_red" id="rest_seconds"></span>&nbsp;秒</span>
-->
      </div>
      <div class="testDesEdit mt5"><%= exercise.exercise_description.nil? ? "" : exercise.exercise_description.html_safe%></div>
      <div class="cl"></div>
      <div class="cl"></div>
    </div>
    <% mc_question_list = exercise.exercise_questions.where("question_type=1").shuffle %>
    <% mcq_question_list = exercise.exercise_questions.where("question_type=2").shuffle %>
    <% single_question_list = exercise.exercise_questions.where("question_type=3").shuffle %>
    <div class="testStatus" id="mc_question_list" style="display: <%=mc_question_list.count > 0 ? "" : "none" %>">
      <h3 class="fontGrey3">单选题</h3>
      <% mc_question_list.each_with_index do |exercise_question, list_index| %>
          <div id="poll_questions_<%= exercise_question.id%>">
            <div id="show_poll_questions_<%= exercise_question.id %>">
              <div>
                <div class="testEditTitle"> 第<%= list_index+1%>题：<%= exercise_question.question_title %>&nbsp;&nbsp;(<%= exercise_question.question_score %>分)
                </div>
                <div class="cl"></div>
                <div class="ur_inputs">
                  <table class="ur_table"  style="width:675px;">
                    <tbody>
                    <% exercise_question.exercise_choices.reorder("choice_position").each_with_index do |exercise_choice,index| %>
                        <tr>
                          <td>
                            <label>
                              <script>
                                  function click_<%= exercise_choice.id %>(obj)
                                  {
                                      $.ajax({
                                          type: "post",
                                          url: "<%= commit_answer_exercise_path(exercise) %>",
                                          data: {
                                              exercise_choice_id: <%= exercise_choice.id %>,
                                              exercise_question_id: <%= exercise_question.id %>
                                          },
                                          success: function (data) {
                                              var dataObj = eval(data);
                                              if(dataObj.text == "ok")
                                              {
                                                  obj.checked = true;
                                              }
                                              else
                                              {
                                                  obj.checked = false;
                                              }
                                          },
                                          error: function () {
                                              alert("网络异常，答题失败，请确认网络正常连接后再答题。");
                                          }
                                      });
                                  }
                              </script>
                              <%= radio_button "exercise",exercise_question.id.to_s+"exercise_choice_id",exercise_choice.id,:class=>"ur_radio",:onclick =>"click_#{exercise_choice.id}(this);return false;",:checked => answer_be_selected?(exercise_choice,User.current),:disabled => !@can_edit_excercise %>
                              <%= convert_to_char((index+1).to_s)%>&nbsp;&nbsp;<%= exercise_choice.choice_text%>
                            </label>
                          </td>
                        </tr>
                    <% end %>
                    </tbody>
                  </table>
                </div>
              </div>
            </div>
          </div>
      <% end %>
    </div>
    <div class="testStatus" id="mcq_question_list" style="display: <%=mcq_question_list.count > 0 ? "" : "none" %>">
      <h3 class="fontGrey3">多选题</h3>
      <% mcq_question_list.each_with_index do |exercise_question,list_index| %>
          <div id="poll_questions_<%= exercise_question.id%>">
            <div id="show_poll_questions_<%= exercise_question.id %>">
              <div>
                <div class="testEditTitle"> 第<%= list_index+1%>题：<%= exercise_question.question_title %>&nbsp;&nbsp;(<%= exercise_question.question_score %>分)
                </div>
                <div class="cl"></div>
                <div class="ur_inputs">
                  <table class="ur_table" style="width:675px;">
                    <tbody>
                    <% exercise_question.exercise_choices.reorder("choice_position").each_with_index do |exercise_choice,index| %>
                        <tr>
                          <td>
                            <label>
                              <script>
                                  function click_<%= exercise_choice.id %>(obj)
                                  {
                                      $.ajax({
                                          type: "post",
                                          url: "<%= commit_answer_exercise_path(exercise) %>",
                                          data: {
                                              exercise_choice_id: <%= exercise_choice.id %>,
                                              exercise_question_id: <%= exercise_question.id %>
                                          },
                                          success: function (data) {
                                              var dataObj = eval(data);
                                              if(dataObj.text == "ok")
                                              {
                                                  obj.checked = true;
                                              }
                                              else
                                              {
                                                  obj.checked = false;
                                              }
                                          },
                                          error: function () {
                                              alert("网络异常，答题失败，请确认网络正常连接后再答题。");
                                          }
                                      });
                                  }
                              </script>
                              <input class="ur_radio" type="checkbox" onclick="click_<%= exercise_choice.id %>(this);return false;" <%= answer_be_selected?(exercise_choice,User.current) ? "checked":"" %> <%= @can_edit_excercise?"":"disabled=disabled" %> >
                              <%= convert_to_char((index+1).to_s)%>&nbsp;&nbsp;<%= exercise_choice.choice_text%>
                            </label>
                          </td>
                        </tr>
                    <% end %>
                    </tbody>
                  </table>
                </div>
              </div><!--多选题显示 end-->
            </div>
          </div>
      <% end %>
    </div>
    <div class="testStatus" id="single_question_list" style="display: <%=single_question_list.count > 0 ? "" : "none" %>">
      <h3 class="fontGrey3">填空题</h3>
      <% single_question_list.each_with_index do |exercise_question, list_index| %>
          <div id="poll_questions_<%= exercise_question.id%>">
            <div id="show_poll_questions_<%= exercise_question.id %>">
              <div>
                <div class="testEditTitle"> 第<%= list_index+1%>题：<%= exercise_question.question_title %>&nbsp;&nbsp;(<%= exercise_question.question_score %>分)
                </div>
                <div class="cl"></div>
                <div>
                  <script>
                      function onblur_<%= exercise_question.id %>(obj)
                      {
                          $(window).unbind('beforeunload');
                          $.ajax({
                              type: "post",
                              url: "<%= commit_answer_exercise_path(exercise) %>",
                              data: {
                                  exercise_question_id: <%= exercise_question.id %> ,
                                  answer_text: obj.value
                              },
                              success: function (data) {
                                  var dataObj = eval(data);
                                  obj.value = dataObj.text;
                              },
                              error: function () {
                                  alert("网络异常，答题失败，请确认网络正常连接后再答题。");
                              }
                          });

                      }
                  </script>
                  <input class="fillInput" placeholder="在此填入答案" type="text" value="<%= get_anwser_vote_text(exercise_question.id,User.current.id).html_safe %>" onblur="onblur_<%= exercise_question.id %>(this);" <%= @can_edit_excercise?"":"disabled=disabled" %>>
                </div>
              </div>
            </div>
          </div>
      <% end %>
    </div>
    <div class="ur_buttons">
      <%= link_to "保存",commit_exercise_exercise_path(exercise,:save => 1),:id=>"exercise_submit_btn", :method => :post,:class => "ur_button_submit",:format => 'js',:remote=>true %>
      <%= link_to "提交",commit_exercise_exercise_path(exercise), :data => {:confirm => "您确定要提交吗？"},:id=>"exercise_submit_btn", :method => :post,:class => "ur_button_submit",:style => "margin-left:20px;",:format => 'js',:remote=>true %>
    </div>
    <div class="cl"></div>
    <!--contentbox end-->
  </div>
  <!--RSide end-->
</div>