socialforge/app/views/forums/index.html.erb

<script>
  function add_class(id){
      if($("#"+id).hasClass("sortArrowActiveD")){
          $("#"+id).removeClass("sortArrowActiveD");
          $("#"+id).addClass("sortArrowActiveU");
          $.ajax({
              type: 'GET',
              url: '<%= forums_path %>' + '.js?' + id + '=asc&page='+<%= @forums_pages.page%>

          });
      }else if($("#"+id).hasClass("sortArrowActiveU")){
          $("#"+id).removeClass("sortArrowActiveU");
          $("#"+id).addClass("sortArrowActiveD");
          $.ajax({
              type: 'GET',
              url: '<%= forums_path %>' + '.js?' + id + '=desc&page='+<%= @forums_pages.page%>

          });
      }else{
          $("#"+id).addClass("sortArrowActiveD");
          $.ajax({
              type: 'GET',
              url: '<%= forums_path %>' + '.js?' + id + '=desc&page='+<%= @forums_pages.page%>

          });
      }
  }
  $(function() {
      $("#complex").click(function(){
          $("#reorder_popu").removeClass("sortArrowActiveU");
          $("#reorder_popu").removeClass("sortArrowActiveD");
          $("#reorder_time").removeClass("sortArrowActiveD");
          $("#reorder_time").removeClass("sortArrowActiveU");
          add_class("reorder_complex");
      });
      $("#popu").click(function () {
          $("#reorder_complex").removeClass("sortArrowActiveD");
          $("#reorder_complex").removeClass("sortArrowActiveU");
          $("#reorder_time").removeClass("sortArrowActiveD");
          $("#reorder_time").removeClass("sortArrowActiveU");
          add_class("reorder_popu");
      });
      $("#time").click(function () {
          $("#reorder_complex").removeClass("sortArrowActiveD");
          $("#reorder_complex").removeClass("sortArrowActiveU");
          $("#reorder_popu").removeClass("sortArrowActiveU");
          $("#reorder_popu").removeClass("sortArrowActiveD");
          add_class("reorder_time");
      });
  });
  function check_and_submit(doc){
      $("#error").html('').hide();
      check_forum_name();
    if(  $("input[name='forum[name]']").val().trim() == "" || $("input[name='forum[description]']").val().trim()  == "" ){
        $("#error").html("名称和描述未填写正确").show();
        return;
    }else{
        doc.parent().parent().submit();
    }
  }
  var check_pass = true;
  function check_forum_name(){
      check_pass = true;
      name = $("input[name='forum[name]']").val().trim();
      if( name != ""){
          $.get(
              '<%= check_forum_name_forums_path %>',
              {"forum_name":name},
             function(data){

                 if( data == 'true'){
                     $("#error").html("贴吧名称已经存在").show();
                     check_pass = false;
                 }
              }
          );
      }
  }

  function hideError(){
      $("#error").html("").hide();
  }
</script>

<div class="homepageContentContainer mb10">
    <div class="homepageContent">
    <div class="postContainer">
     <div id="new_forum_div" class="mb5" style="display: none">
       <div class="red fl mb10" id="error" style="display: none">error</div>
       <%= form_tag({:controller => 'forums',:action=>'create',:format=>'js'},:method => 'post',:remote=>'true') do  |f| %>
       <div class="mt15">
         <input type="text" name="forum[name]" class="postCreateInput" onfocus="hideError();" onblur="check_forum_name();" placeholder="输入贴吧名称"  />
       </div>
       <div class="mt15">
         <input type="text" name="forum[description]" class="postCreateInput" placeholder="输入贴吧描述" />
       </div>
       <div class="mt10">
         <div class="fr"><a href="javascript:void(0);" class="submit_btn" onclick="check_and_submit($(this));">确定</a></div>
         <div class="fr"><a href="javascript:void(0);" class="linkGrey2 mr10" onclick=" $('#error').hide();$('#new_forum_div').slideToggle();$('#create_btn').parent().slideToggle();">取消</a><span class="mr10 fontGrey">或</span></div>
         <div class="cl"></div>
       </div>
       <% end %>
     </div>
    <div class="postBanner" id="postBanner">
      <%= render :partial => 'post_banner' ,:locals => {:order_type=>@type,:order_str=>@str}%>
      <!--<div class="postSort" id="complex"><a href="javascript:void(0);" class="linkGrey2 fl">综合</a><a href="javascript:void(0);" id="reorder_complex" class="sortArrowActiveD"></a></div>-->
      <!--<div class="postSort" id="popu"><a href="javascript:void(0);" class="linkGrey2 fl">人气</a><a href="javascript:void(0)"  id="reorder_popu" ></a></div>-->
      <!--<div class="postSort" id="time"><a href="javascript:void(0);" class="linkGrey2 fl">时间</a><a href="javascript:void(0)"  id="reorder_time" ></a></div>-->
      <!--<div class="creatPost"><a href="javascript:void(0);" id="create_btn" class="c_white db creatPostIcon bBlue" onclick="$('#error').hide();$('#new_forum_div').slideToggle();$(this).parent().slideToggle();">新建贴吧</a></div>-->
      <!--<div class="cl"></div>-->

     </div>
      <div id="forum_list">
      <%= render :partial => 'forum_list',:locals => {:forums=>@forums}%>
      </div>

      <div class="pagination fr" id="pages" style="margin-top: 10px;">
        <%= pagination_links_full @forums_pages, @forums_count ,:per_page_links => false,:remote =>true,:flag=>true%>
      </div>
    <div class="cl"></div>
    </div>
    </div>
</div>