You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
pgfqe6ch8/app/views/contests/settings.html.erb

71 lines
2.5 KiB

<div class="sy_class_r fr mb10 ml10">
<h3 class="game-setting-h3 "><span class="ml15"></span>竞赛配置</h3>
<div class="game-setting-tab">
<ul id="game-setting-tab-nav">
<li id="game-setting-tab-nav-1" class="game-setting-nav-hover" onclick="HoverLi(1);">
<a href="javascript:void(0);">基本信息</a>
</li>
<li id="game-setting-tab-nav-2" onclick="HoverLi(2);">
<a href="javascript:void(0);">成员</a>
</li>
<li id="game-setting-tab-nav-3" onclick="HoverLi(3);">
<a href="javascript:void(0);">讨论区设置</a>
</li>
<div class="cl"></div>
</ul>
<div id="game-setting-content-1">
<%= render :partial => "contests/edit" %>
</div><!--issues_list_content_1 end-->
<div id="game-setting-content-2" class="undis">
<%= render :partial => "contests/members" %>
</div><!--issues_list_content_2 end-->
<div id="game-setting-content-3" class="undis">
<%= render :partial => "contests/boards" %>
</div><!--issues_list_content_3 end-->
</div><!--issues_con_list end-->
</div><!--sy_class_r end-->
<script type="text/javascript">
$(function(){
<% if @select_tab == 'member'%>
$("#game-setting-tab-nav-2").click();
<% elsif @select_tab == 'boards'%>
$("#game-setting-tab-nav-3").click();
<% end %>
});
function g(o){
return document.getElementById(o);
}
function HoverLi(n){
//如果有N个标签,就将i<=N;
for(var i=1;i<=3;i++){
g('game-setting-tab-nav-'+i).className='game-setting-nav-nomall';
g('game-setting-content-'+i).className='undis';
}
g('game-setting-content-'+n).className='game-dis';
g('game-setting-tab-nav-'+n).className='game-setting-nav-hover';
}
// $(document).ready(function() {
// // Store variables
// var accordion_head = $('.accordion > li > a'),
// accordion_body = $('.accordion li > .sub-menu');
//
// // Click function
// accordion_head.on('click', function(event) {
// // Disable header links
// event.preventDefault();
// // Show and hide the tabs on click
// if ($(this).attr('class') != 'active'){
// accordion_body.slideUp('normal');
// $(this).next().stop(true,true).slideToggle('normal');
// accordion_head.removeClass('active');
// $(this).addClass('active');
// }
// });
// });
</script>