367 lines
18 KiB
Plaintext
367 lines
18 KiB
Plaintext
<%= stylesheet_link_tag 'polls', :media => 'all' %>
|
||
<script type="text/javascript">
|
||
$(function(){
|
||
$("#RSide").removeAttr("id");
|
||
$("#homework_page_right").css("min-height",$("#LSide").height()-30);
|
||
$("#Container").css("width","1000px");
|
||
});
|
||
//编辑问卷描述之后
|
||
var popWindow ; //弹出框的引用
|
||
var importPollPopWindow; //选择导入的弹出框引用
|
||
function edit_head(){
|
||
$("#polls_description").val($("#polls_description_div").html());
|
||
}
|
||
$(function(){
|
||
//点击空白处
|
||
$(document).bind('click',function(e){
|
||
//弹出框非空 不是a标签 点击的不是弹出框 ，那么弹出框就会隐藏
|
||
if(popWindow && e.target.nodeName != 'A' && !popWindow.is(e.target) && popWindow.has(e.target).length === 0){ // Mark 1
|
||
popWindow.css('display', 'none');
|
||
}
|
||
if(importPollPopWindow && e.target.nodeName != 'A' && !importPollPopWindow.is(e.target) && importPollPopWindow.has(e.target).length === 0){
|
||
importPollPopWindow.css('display', 'none');
|
||
}
|
||
});
|
||
})
|
||
|
||
function dismiss(quest_type,quest_id){
|
||
popWindow = $("#div_"+quest_type+"_"+quest_id);
|
||
if(popWindow){
|
||
popWindow.css('display', 'none');
|
||
}
|
||
}
|
||
|
||
function chooseQuestionType(quest_type,quest_id){
|
||
//quest_type 分为 mc mcq single multi
|
||
//quest_id 是quetion的id 下同
|
||
if(popWindow){
|
||
popWindow.css('display', 'none');
|
||
}
|
||
popWindow = $("#div_"+quest_type+"_"+quest_id);
|
||
$("#div_"+quest_type+"_"+quest_id).click(function(e){
|
||
e.stopPropagation(); //组织冒泡到document.body中去
|
||
});
|
||
$("#div_"+quest_type+"_"+quest_id).css("position", "absolute");
|
||
|
||
$("#div_"+quest_type+"_"+quest_id).css("top", $("#add_"+quest_type+"_"+quest_id).offset().top+30);
|
||
|
||
$("#div_"+quest_type+"_"+quest_id).css("left", $("#add_"+quest_type+"_"+quest_id).offset().left-10);
|
||
if( $("#div_"+quest_type+"_"+quest_id).css('display') == 'block') {
|
||
$("#div_"+quest_type+"_"+quest_id).css('display', 'none');
|
||
}
|
||
else{
|
||
$("#div_"+quest_type+"_"+quest_id).css('display', 'block');
|
||
}
|
||
}
|
||
|
||
function add_MC(){
|
||
$("#new_poll_question").html("<%= escape_javascript(render :partial => 'new_MC') %>");
|
||
$("#poll_questions_title").focus();
|
||
}
|
||
|
||
function insert_MC(quest_type,quest_num,quest_id){
|
||
$("#insert_new_poll_question_"+quest_type+"_"+quest_id).html(
|
||
'<%= form_for(ExerciseQuestion.new,
|
||
:html => { :multipart => true },
|
||
:url => {:controller => 'exercise',
|
||
:action => 'create_exercise_question',
|
||
:course_id => @course.id
|
||
},:remote=>true ) do |f|%>'+
|
||
' <div class="ur_editor radio"> '+
|
||
'<div class="ur_editor_title"> '+
|
||
'<label>问题： </label>'+
|
||
'<input type="hidden" name="quest_id" value="'+quest_id+'"/>'+
|
||
'<input type="hidden" name="quest_num" value="'+quest_num+'"/>'+
|
||
'<input type="hidden" name="question_type" value="1"/>'+
|
||
'<input maxlength="250" class="ur_question_title" type="text" name="poll_questions_title" id="poll_questions_title" placeholder="请输入单选题标题"/>'+
|
||
'<input type="checkbox" name="is_necessary" value="true" checked/>'+
|
||
'<label>必答</label>'+
|
||
'</div>'+
|
||
'<div class="ur_editor_content">'+
|
||
'<ul>'+
|
||
'<li class="ur_item">'+
|
||
'<label>选项<span class="ur_index"></span>： </label>'+
|
||
'<input maxlength="200" type="text" name="question_answer[0]" placeholder="输入选项内容"/>'+
|
||
'<a class="icon_add" title="向下插入选项" onclick="add_single_answer($(this));"></a>'+
|
||
'<a class="icon_remove" title="删除" onclick="remove_single_answer($(this))"></a>'+
|
||
'</li>'+
|
||
'<div class="cl"></div>'+
|
||
'<li class="ur_item">'+
|
||
'<label>选项<span class="ur_index"></span>： </label>'+
|
||
'<input maxlength="200" type="text" name="question_answer[1]" placeholder="输入选项内容"/>'+
|
||
'<a class="icon_add" title="向下插入选项" onclick="add_single_answer($(this));"></a>'+
|
||
'<a class="icon_remove" title="删除" onclick="remove_single_answer($(this))"></a>'+
|
||
'</li>'+
|
||
'<div class="cl"></div>'+
|
||
'<li class="ur_item">'+
|
||
'<label>选项<span class="ur_index"></span>： </label>'+
|
||
'<input maxlength="200" type="text" name="question_answer[2]" placeholder="输入选项内容"/>'+
|
||
'<a class="icon_add" title="向下插入选项" onclick="add_single_answer($(this));"></a>'+
|
||
'<a class="icon_remove" title="删除" onclick="remove_single_answer($(this))"></a>'+
|
||
'</li>'+
|
||
'<div class="cl"></div>'+
|
||
'</ul>'+
|
||
'</div>'+
|
||
'<div class="ur_editor_footer">'+
|
||
'<a class="btn btn_dark btn_submit c_white" data-button="ok" onclick="add_poll_question($(this));">'+
|
||
'<%= l(:label_button_ok)%>'+
|
||
'</a>'+
|
||
'<a class="btn btn_light btn_cancel" data-button="cancel" onclick="$(this).parent().parent().parent().remove();">'+
|
||
'<%= l(:button_cancel)%>'+
|
||
'</a>'+
|
||
'</div>'+
|
||
'<div class="cl"></div>'+
|
||
'</div>'+
|
||
'<% end%>'
|
||
);
|
||
$("#poll_questions_title").focus();
|
||
}
|
||
|
||
function add_MCQ(){
|
||
$("#new_poll_question").html("<%= escape_javascript(render :partial => 'new_MCQ') %>");
|
||
$("#poll_questions_title").focus();
|
||
}
|
||
|
||
function insert_MCQ(quest_type,quest_num,quest_id){
|
||
$("#insert_new_poll_question_"+quest_type+"_"+quest_id).html(
|
||
'<%= form_for(ExerciseQuestion.new,
|
||
:html => { :multipart => true },
|
||
:url => {:controller => 'exercise',
|
||
:action => 'create_exercise_question',
|
||
:course_id => @course.id
|
||
},:remote=>true ) do |f|%>'+
|
||
'<div class="ur_editor checkbox">'+
|
||
'<div class="ur_editor_title">'+
|
||
'<label>问题： </label>'+
|
||
'<input type="hidden" name="quest_id" value="'+quest_id+'"/>'+
|
||
'<input type="hidden" name="quest_num" value="'+quest_num+'"/>'+
|
||
'<input type="hidden" name="question_type" value="2"/>'+
|
||
'<input maxlength="250" class="ur_question_title" type="text" name="poll_questions_title" id="poll_questions_title" placeholder="请输入多选题标题"/>'+
|
||
'<input type="checkbox" name="is_necessary" value="true" checked/>'+
|
||
'<label>必答</label>'+
|
||
'</div>'+
|
||
'<div class="ur_editor_content">'+
|
||
'<ul>'+
|
||
'<li class="ur_item">'+
|
||
'<label>选项<span class="ur_index"></span>： </label>'+
|
||
'<input maxlength="200" type="text" name="question_answer[0]" placeholder="输入选项内容"/>'+
|
||
'<a class="icon_add" title="向下插入选项" onclick="add_single_answer($(this));"></a>'+
|
||
'<a class="icon_remove" title="删除"" onclick="remove_single_answer($(this))"></a>'+
|
||
'</li>'+
|
||
'<div class="cl"></div>'+
|
||
'<li class="ur_item">'+
|
||
'<label>选项<span class="ur_index"></span>： </label>'+
|
||
'<input maxlength="200" type="text" name="question_answer[1]" placeholder="输入选项内容"/>'+
|
||
'<a class="icon_add" title="向下插入选项" onclick="add_single_answer($(this));"></a>'+
|
||
'<a class="icon_remove" title="删除" onclick="remove_single_answer($(this))"></a>'+
|
||
'</li>'+
|
||
'<div class="cl"></div>'+
|
||
'<li class="ur_item">'+
|
||
'<label>选项<span class="ur_index"></span>： </label>'+
|
||
'<input maxlength="200" type="text" name="question_answer[2]" placeholder="输入选项内容"/>'+
|
||
'<a class="icon_add" title="向下插入选项" onclick="add_single_answer($(this));"></a>'+
|
||
'<a class="icon_remove" title="删除" onclick="remove_single_answer($(this))"></a>'+
|
||
'</li>'+
|
||
'<div class="cl"></div>'+
|
||
'</ul>'+
|
||
'</div>'+
|
||
'<div class="ur_editor_footer">'+
|
||
'<a class="btn btn_dark btn_submit c_white" data-button="ok" onclick="add_poll_question($(this));">'+
|
||
'<%= l(:label_button_ok)%>'+
|
||
'</a>'+
|
||
'<a class="btn btn_light btn_cancel" data-button="cancel" onclick="$(this).parent().parent().parent().remove();">'+
|
||
'<%= l(:button_cancel)%>'+
|
||
'</a>'+
|
||
'</div>'+
|
||
'<div class="cl"></div>'+
|
||
'</div>'+
|
||
'<% end%>'
|
||
);
|
||
$("#poll_questions_title").focus();
|
||
}
|
||
|
||
function add_single(){
|
||
$("#new_poll_question").html("<%= escape_javascript(render :partial => 'new_single') %>");
|
||
$("#poll_questions_title").focus();
|
||
}
|
||
|
||
function insert_SINGLE(quest_type,quest_num,quest_id){
|
||
$("#insert_new_poll_question_"+quest_type+"_"+quest_id).html(
|
||
'<%= form_for(ExerciseQuestion.new,
|
||
:html => { :multipart => true },
|
||
:url => {:controller => 'exercise',
|
||
:action => 'create_exercise_question',
|
||
:course_id => @course.id
|
||
},:remote=>true ) do |f|%>'+
|
||
'<div class="ur_editor text ">'+
|
||
'<div class="ur_editor_title">'+
|
||
'<label for="ur_question_title">问题： </label>'+
|
||
'<input type="hidden" name="quest_id" value="'+quest_id+'"/>'+
|
||
'<input type="hidden" name="quest_num" value="'+quest_num+'"/>'+
|
||
'<input type="hidden" name="question_type" value="3"/>'+
|
||
'<input maxlength="250" id="poll_questions_title" class="ur_question_title" contenteditable="true" type="text" name="poll_questions_title" placeholder="请输入单行主观标题"/>'+
|
||
'<input type="checkbox" name="is_necessary" value="true" checked/>'+
|
||
'<label for="ur_question_require">必答</label>'+
|
||
'</div>'+
|
||
'<div class="ur_editor_footer">'+
|
||
'<a class="btn_submit c_white" data-button="ok" onclick="add_poll_question($(this));">'+
|
||
'<%= l(:label_button_ok)%>'+
|
||
'</a>'+
|
||
'<a class="btn_cancel" data-button="cancel" onclick="$(this).parent().parent().parent().remove();">'+
|
||
'<%= l(:button_cancel)%>'+
|
||
'</a>'+
|
||
'</div>'+
|
||
'<div class="cl"></div>'+
|
||
'</div>'+
|
||
'<% end%>'
|
||
);
|
||
$("#poll_questions_title").focus();
|
||
}
|
||
|
||
//选择导入调查问卷
|
||
function importPoll(){
|
||
importPollPopWindow = $("#import_poll");
|
||
$("#import_poll").css("position", "absolute");
|
||
|
||
$("#import_poll").css("top", $("#import_btn").offset().top+30);
|
||
|
||
$("#import_poll").css("left", $("#import_btn").offset().left-65);
|
||
$("#import_poll").css("display","block")
|
||
}
|
||
|
||
function remote_import(){
|
||
importPollPopWindow.css('display', 'none');
|
||
if($("#import_poll").val() === 0){
|
||
return;
|
||
}else{
|
||
if(confirm("确认导入问卷"+$("#import_poll").find("option:selected").text()+"?")){
|
||
$("#import_form").submit();
|
||
}else{
|
||
return;
|
||
}
|
||
}
|
||
|
||
}
|
||
|
||
//添加标题时确定按钮
|
||
function add_poll_question(doc)
|
||
{
|
||
var title = $.trim($("#poll_questions_title").val());
|
||
if(title.length == 0){alert("标题不能为空");}else{doc.parent().parent().parent().submit();}
|
||
}
|
||
//修改标题时确定按钮
|
||
function edit_poll_question(doc,id)
|
||
{
|
||
var title = $.trim($("#poll_questions_title_" + id).val());
|
||
if(title.length == 0){alert("标题不能为空");}else{doc.parent().parent().parent().submit();}
|
||
}
|
||
|
||
//问卷头
|
||
function pollsCancel(){$("#polls_head_edit").hide();$("#polls_head_show").show();}
|
||
function pollsSubmit(doc){
|
||
var title = $.trim($("#exercise_name").val());
|
||
if(title.length == 0){
|
||
alert("测验标题不能为空");
|
||
} else if($.trim($("#exercise_publish_time").val()) =="") {
|
||
alert("发布时间不能为空");
|
||
} else if($.trim($("#exercise_end_time").val()) =="") {
|
||
alert("截止时间不能为空");
|
||
} else if($.trim($("#exercise_time").val()) =="") {
|
||
alert("考试时长不能为空");
|
||
} else if(Date.parse($("#exercise_end_time").val()) <= Date.parse($("#exercise_publish_time").val())) {
|
||
alert("截止时间必须大于发布时间");
|
||
}
|
||
else {
|
||
doc.parent().parent().parent().submit();
|
||
}
|
||
}
|
||
function pollsEdit(){$("#polls_head_edit").show();$("#polls_head_show").hide();}
|
||
//
|
||
function pollQuestionCancel(question_id){
|
||
$("#show_poll_questions_"+question_id).show();
|
||
$("#edit_poll_questions_"+question_id).hide();
|
||
}
|
||
function pollQuestionEdit(question_id){
|
||
$("#show_poll_questions_"+question_id).hide();
|
||
$("#edit_poll_questions_"+question_id).show();
|
||
$("#poll_questions_title_"+question_id).focus();
|
||
}
|
||
//单选题
|
||
function add_single_answer(doc)
|
||
{
|
||
doc.parent().after("<li class='ur_item'><label>选项<span class='ur_index'></span>： </label><input maxlength='200' type='text' name='question_answer["+new Date().getTime()+"]' placeholder='输入选项内容'/>" +
|
||
"<a class='icon_add' title='向下插入选项' onclick='add_single_answer($(this));'></a><a class='icon_remove' title='删除' onclick='remove_single_answer($(this))'></a>"+
|
||
"</li><div class='cl'></div>");
|
||
}
|
||
function remove_single_answer(doc)
|
||
{
|
||
if(doc.parent().siblings("li").length == 0)
|
||
{
|
||
alert("选择题至少有一个选项");
|
||
}
|
||
else
|
||
{
|
||
doc.parent().remove();
|
||
}
|
||
}
|
||
|
||
function poll_submit()
|
||
{
|
||
var title = $.trim($("#polls_name_h").html());
|
||
if(title.length == 0)
|
||
{
|
||
alert("测验标题不能为空");
|
||
}
|
||
else{
|
||
$('#ajax-modal').html('<%#= escape_javascript(render :partial => 'poll_submit', locals: { :poll => @exercise,:is_remote => false}) %>');
|
||
showModal('ajax-modal', '310px');
|
||
$('#ajax-modal').css('height','120px');
|
||
$('#ajax-modal').siblings().remove();
|
||
$('#ajax-modal').before("<span style='float: right;cursor:pointer;'>" +
|
||
"<a href='javascript:' onclick='clickCanel();'><img src='/images/bid/close.png' width='26px' height='26px' /></a></span>");
|
||
$('#ajax-modal').parent().removeClass("alert_praise");
|
||
$('#ajax-modal').parent().css("top","").css("left","");
|
||
$('#ajax-modal').parent().addClass("popbox_polls");
|
||
}
|
||
}
|
||
</script>
|
||
<div class="homepageRight mt0 ml10">
|
||
<div class="resources">
|
||
<!-- 头部 -->
|
||
<div id="polls_head_show" style="display: none;">
|
||
<%= render :partial => 'show_head', :locals => {:exercise => @exercise}%>
|
||
</div>
|
||
<div id="polls_head_edit">
|
||
<%= render :partial => 'edit_head', :locals => {:exercise => @exercise}%>
|
||
</div>
|
||
<% current_score = get_current_score @exercise %>
|
||
<div class="mb5" style="display: <%= current_score == 0 ? "none" : "" %>">目前试卷总分：<span class="c_red" id="current_score"><%=current_score %>分</span></div>
|
||
<!-- 问题 -->
|
||
<div id="poll_content">
|
||
<%= render :partial => 'exercise_content', :locals => {:exercise => @exercise}%>
|
||
</div>
|
||
|
||
<div class="testQuestion">
|
||
<ul class="tabs_list">
|
||
<li class="tab_item02 mr118"> <a title="单选题" class="tab_icon icon_radio" onclick="add_MC();"> 新建单选题 </a> </li>
|
||
<li class="tab_item02 mr118"> <a title="多选题" class=" tab_icon icon_checkbox" onclick="add_MCQ();"> 新建多选题 </a> </li>
|
||
<li class="tab_item02 "> <a title="单行主观" class="tab_icon icon_text" onclick="add_single();"> 新建填空题 </a> </li>
|
||
</ul>
|
||
<div class="cl"></div>
|
||
</div><!--选项 end-->
|
||
|
||
<!-- 新增问题 -->
|
||
<div id="new_poll_question">
|
||
</div>
|
||
|
||
<div class="ur_buttons"> <a class="ur_button_submit" onclick="poll_submit();"> 提交 </a>
|
||
<div class="polls_cha">
|
||
<input name="exercise[show_result]" value="" type="checkbox">
|
||
<label for="">允许学生查看测验结果</label>
|
||
</div>
|
||
</div>
|
||
<div class="cl"></div>
|
||
<!--contentbox end-->
|
||
</div>
|
||
</div><!--编辑end-->
|