socialforge/app/views/courses/settings.html.erb

<div class="sy_class_r fr mb10 ml10" id="homework_page_right">
  <h3 class="game-setting-h3 "><span class="ml15"></span>班级配置</h3>
  <div class="game-setting-tab">
    <ul id="game-setting-tab-nav">
      <li id="tb_1" class="game-setting-nav-hover" onclick="HoverLi(1);">
        <a href="javascript:void(0);">基本信息</a>
      </li>
      <li id="tb_2" onclick="HoverLi(2);">
        <a href="javascript:void(0);">成员</a>
      </li>
      <li id="tb_3" onclick="HoverLi(3);">
        <a href="javascript:void(0);">组织</a>
      </li>
      <li id="tb_4" onclick="HoverLi(4);">
        <a href="javascript:void(0);">讨论区设置</a>
      </li>
      <div class="cl"></div>
    </ul>

    <div class="hwork_dis" id="tbc_01" style="padding-top: 10px;">
      <%= render :partial => 'courses/settings/edit' %>
    </div>

    <div class="hwork_undis" id="tbc_02">
      <%= render :partial => 'courses/settings/member'%>
    </div><!---成员结束-->

    <div class="hwork_undis" id="tbc_03">
      <%= render :partial => 'courses/settings/join_org' %>
    </div>

    <div class="hwork_undis" id="tbc_04">
      <%= render :partial => 'courses/settings/boards_setting' %>
    </div>
  </div>
</div>

<script>
    $(function(){
        <% if @select_tab == 'member'%>
        $("#tb_2").click();
        <% elsif @select_tab == 'boards'%>
        $("#tb_4").click();
        <% end %>
        $("#homework_page_right").css("min-height",$("#courseLSide").height()+45);
    });

    function g(o){
        return document.getElementById(o);
    }
    function HoverLi(n){
//如果有N个标签,就将i<=N;
        for(var i=1;i<=4;i++){
            g('tb_'+i).className='game-setting-nav-nomall';
            g('tbc_0'+i).className='undis';
        }
        g('tb_'+n).className='game-setting-nav-hover';
        g('tbc_0'+n).className='game-dis';
    }

    function select() {
        $('#ajax-modal').html('<%= escape_javascript(render :partial => 'courses/term_select') %>');
        showModal('ajax-modal', '500px');
        $('#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().css("top","").css("left","").css("border","3px solid #269ac9");
        $('#ajax-modal').parent().addClass("anonymos");
    }
</script>