socialforge/app/views/games/_desc_full_show.html.erb

74 lines
2.8 KiB
Plaintext

<div class="content-info col-width content-all-fix undis" id="game_left_contents">
<div class="panel-header clearfix">
<h3 class="fl">第<%= @game_challenge.position %>关:<%= @game_challenge.subject %></h3>
<div class="fr mt5">
<a href="javascript:void(0);" onclick="close_game_descpition()"><i class="fa fa-compress font-14 fl color-grey"></i></a>
</div>
</div>
<div class="tab_content clearfix" >
<ul id="tab_nav">
<li id="big_tab_nav_1" class="tab_hover " onclick="HoverLi_new(1);">
<a href="javascript:void(0);" class="tab_type">过关任务</a>
</li>
<li id="big_tab_nav_2" onclick="HoverLi_new(2);">
<a href="javascript:void(0);" class="tab_type" >预备知识</a>
</li>
<li id="big_tab_nav_3" onclick="HoverLi_new(3);">
<a href="javascript:void(0);" class="tab_type" >参考答案</a>
</li>
</ul>
<div class="cl"></div>
<div id="big_tab_con_1" class="tab-info" >
<div class="big-tab-info-inner">
<%= h @game_challenge.task_pass.try(:html_safe) %>
</div>
</div>
<div id="big_tab_con_2" class="undis tab-info" >
<div class="big-tab-info-inner">
<%= h @game_challenge.ready_knowledge.try(:html_safe) %>
</div>
</div>
<div id="big_tab_con_3" class="undis tab-info" >
<div class="big-tab-info-inner" id="extend_game_answer_show"></div>
<div class="undis" id="hidden_extend_game_answer"><%= h @game_challenge.answer.try(:html_safe) %></div>
</div>
</div>
</div>
<script type="text/javascript" language="javascript">
var ExtendMirror = $("#extend_game_answer_show")[0];
var ExtendCodeMirror = CodeMirror(ExtendMirror, {
value: $("#hidden_extend_game_answer").text(),
mode: "text/x-java",
readOnly: "nocursor", //只读
//cursorBlinkRate: -1, //隐藏光标
autofocus: true,
border: 0
});
// 设置参考答案的line-height
$("#extend_game_answer_show" ).children(".CodeMirror").css("line-height", 1.2);
$(document).ready(function(){
var web_h = window.innerHeight;
// codemirror的高度
var Cm_h = web_h - 185;
// 设置版本库codemirror的高度
ExtendCodeMirror.setSize('auto', Cm_h+'px');
// 设置codemirror无边框
$("#extend_game_answer_show").children().css("border", 0);
});
function close_game_descpition(){
$("#game_left_contents").hide();
}
function HoverLi_new(n){
for(var i=1;i<=3;i++){
g('big_tab_nav_'+i).className='tab_nomal';
g('big_tab_con_'+i).className='undis';
}
g('big_tab_con_'+n).className='dis';
g('big_tab_nav_'+n).className='tab_hover';
if(n==3){
ExtendCodeMirror.refresh();
}
}
</script>