socialforge/app/views/boards/_course_show.html.erb

<div nhname="container_board">
  <div class="project_r_h">
    <h2 class="project_h2 fl">
      <% if User.current.language == "zh"%>
          <%= h @board.name %>
      <% else %>
          <%= l(:project_module_boards) %>
      <% end %>

    </h2>
    <% if User.current.logged? %>
    <a href="javascript:void(0)" class="green_btn fr newtalk " id="new_topic_btn" nhname="showbtn"><%= l(:label_message_new) %></a>
    <% end %>
    <div class="cl"></div>
  </div>
  <div class="cl"></div>
  <div class=" talklist_box" >
    <div class="talk_new ml15 mb10" nhname="about_talk" id="about_newtalk" style="display:none;" >
      <ul>
        <%= render :partial => 'course_new' %>
      </ul>
    </div><!--talknew end-->
  </div>
</div>
<!-- 发布新帖部分 -->
<div class=" talklist_box" >

<% if !User.current.logged?%>
    <div style="font-size: 14px;margin:20px;">
      <%= l(:label_user_login_course_board) %>
      <%= link_to l(:label_user_login_new), signin_path %>
      <hr/>
    </div>
<% end %>
<p class="c_dark mb5 f14">讨论区共有<span class="c_orange"><%= @topic_count %></span>个帖子</p>
<% if @topics.any? %>
    <% @topics.each do |topic| %>
        <div class="talkmain_box" style="border:none; margin-bottom:0; border-bottom: 1px dashed #d9d9d9;" id="topic<%= topic.id %>" nhname="container_board" mhname="container_board_reply">
          <%= link_to image_tag(url_to_avatar(topic.author), :width=>"42",:height=>"42"), user_path(topic.author),:class =>'talkmain_pic fl' %>
          <div class="talkmain_txt fl mt5 f12">
            <% author = topic.author.to_s %>
            <div style="max-width:120px;white-space:nowrap;overflow:hidden;float:left;text-overflow:ellipsis;">
              <%= link_to User.current.member_of_course?(@board.course) ? "#{topic.author.show_name}(#{topic.author.login})" : "#{topic.author}" , user_path(topic.author),
                       :class =>"talkmain_name fl f14",:title=>author,
                       :style=>'max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;' %>
            </div>
            <p style="float:left;color:#ff5722;">&nbsp;&nbsp;:</p>

            <p class="talkmain_tit fl fb break_word f14" title="<%=  h(topic.subject) %>" style="width:auto;float:left;max-width:360px;white-space:nowrap;overflow:hidden;float:left;text-overflow:ellipsis;">&nbsp;&nbsp;<%=  h(topic.subject) %></p>
            <% if topic.course_editable_by?(User.current) %>
                <a href="javascript:void(0)" nhname="showbtn" class="linkBlue"  style="float: right;
                        margin-right: 10px;"><%= l(:button_edit) %></a>
            <% end %>

            <%= link_to(l(:button_delete), {:controller =>'messages',:action => 'destroy',  :id => topic.id, :board_id => topic.board_id,  :is_board=>'true'},
                       :method => :post,
                       :data => {:confirm => l(:text_are_you_sure)},
                       :class => 'talk_edit fr',
                       :style => ' margin-right: 10px;') if topic.destroyable_by?(User.current) %>

            <% if topic.sticky? %>
                <a href="javascript:void(0)" class="talk_up fr c_red" style="margin-right: 10px;"><%= l(:label_board_sticky)%></a>
            <% end %>
            <div class="cl"></div>

            <script>
              //$(function(){if($("#contentmessage<%#=topic.id %>").height()>182){$("#project_show_<%#= topic.id%>").show();}});
              //解决由于图片加载慢造成div高度不够 以至于展开按钮不显示的bug
              $(function(){
                function nh_show_btn(){
                  if($("#project_show_<%= topic.id%>").is(':hidden')){
                    if($("#contentmessage<%=topic.id %>").height()>182){
                      $("#project_show_<%= topic.id%>").show();
                    }
                  }
                }
                var div = $("#contentmessage<%=topic.id %>");
                var imgs = $('img',div);
                var lens = imgs.length;
                function nh_load_img_end(){
                  nh_show_btn();
//                  lens--;
//                  if(lens <= 0){
//                    nh_show_btn();
//                  }
                }
                if(lens > 0){
                  $('img',div).load(function(){
                    nh_load_img_end();
                  });
                }
                nh_show_btn();
//                if(lens <= 0){
//                  nh_show_btn();
//                }else{
//                  $('img',div).load(function(){
//                    nh_load_img_end();
//                  });
//                }
              });
            </script>
            <div  class="project_board_content break_word f14 list_style" id="content_<%=topic.id%>">
              <div id="contentmessage<%=topic.id %>" class="upload_img">
                <%= topic.content.html_safe %>
                <!-- -->
              </div>
            </div>



            <p style="display: none" id="project_show_<%= topic.id%>">
              <a id="expend_more_information<%= topic.id%>"  href="javascript:void(0)"  style="color: #0781b4;"    onclick="show_more_reply('#content_<%=topic.id%>','#expend_more_information<%= topic.id%>','#arrow<%=topic.id%>');"  value="show_more">[展开]</a>
                <span class="g-arr-down">
                    <img id="arrow<%=topic.id%>" src="/images/jiantou.jpg" width="12" height="6" />
                </span>

            </p>
            <%= link_to_attachments_course topic, :author => false %>

            <%= l(:label_activity_time)%>：&nbsp;&nbsp;<%= format_time topic.created_on %>

          </div>
          <a href="javascript:void(0)" nhname="showbtn_reply" class="linkBlue fr f12" style="margin-right:10px;"><%= l(:button_reply) %></a>

          <div class="cl"></div>

          <div class="talk_new ml15 mb10" nhname='about_talk' id="about_newtalk<%=topic.id%>"  style="display: none;border-top: 1px dashed #d9d9d9;padding-top:5px;margin-left:0px;padding-left:15px;">
            <ul>
              <%= render :partial => 'edit',locals:  {:topic => topic} %>
            </ul>
          </div>
          <div class="cl"></div>
          <div class="talkWrapBox">
            <% reply = Message.new(:subject => "RE: #{topic.subject}")%>
            <% if !topic.locked? && authorize_for('messages', 'reply') %>
              <div class="talkWrapMsg" nhname="about_talk_reply" style="display: none;">
                <em class="talkWrapArrow"></em>
                <div class="cl"></div>
                <div class="talkConIpt ml15 mb10" style="margin-left:30px;" id="reply<%= topic.id %>">
                  <%= form_for reply, :as => :reply, :url => {:controller=>'messages',:action => 'reply', :id => topic.id, :board_id => topic.board_id, :is_board => 'true'},
                               :html => {:nhname=>"form",:multipart => true, :id => 'message_form' + topic.id.to_s, :name=>'message-form'} do |f| %>

                      <%= render :partial => 'form_project', :locals => {:f => f, :replying => true} %>
                      <input name="parent_topic" type="hidden" value=""/>
                      <div class="fl" style="padding-top:5px;" nhname="toolbar_container"></div>
                      <div style="padding-top:5px;" class="fr">
                        <a href="javascript:void(0)" nhname="cancelbtn" class="grey_btn fr ml10" style=""><%= l(:button_cancel)%></a>
                        <a href="javascript:void(0)" nhname="submitbtn" class="blue_btn fr " style=""><%= l(:button_submit)%></a>
                      </div>
                  <% end %>
                  <div class="cl"></div>
                </div>
              </div>
            <% end %>
            <% replies_all = topic.children.includes(:author, :attachments, {:board => :project}).
                    reorder("#{Message.table_name}.created_on DESC").all %>
            <% unless replies_all.empty? %>
                <% replies_all_i = 0 %>
                <div class="talkWrapMsg" nhname="nh_reply_div" id="nh_reply_div_<%= topic.id %>">
                  <ul>
                    <% replies_all.each do |message| %>
                        <% replies_all_i=replies_all_i+1 %>
                        <li nhname="reply_rec" style="display:<%= replies_all_i>2?'none':'' %>" id="topic<%=message.id%>">
                          <%= link_to image_tag(url_to_avatar(message.author), :width => '34',:height => '34'), user_path(message.author), :class => 'Msg_pic' %>
                          <div class="Msg_txt">
                            <%= link_to User.current.member_of_course?(@board.course) ? "#{message.author.show_name}(#{message.author.login})" : "#{message.author}", user_path(message.author),:class => 'fl c_orange f14 ' %>
                            <br/>
                            <div class="fl break_word f14 list_style">
                              <%= textAreailizable message,:content,:attachments => message.attachments %>
                              <!-- -->
                            </div>
                            <input nhname="nh_content_val" value="<%= message.content %>" type="hidden"/>
                            <br/><div class="cl"></div>
                            <span class=" c_grey fl f12"><%= format_time(message.created_on) %></span>
                            <%= link_to(

                                        l(:button_delete),
                                        {:controller => 'messages', :action => 'destroy',  :id => message.id, :board_id => message.board_id, :is_board => 'true'},
                                        :method => :post,
                                        :data => {:confirm => l(:text_are_you_sure)},
                                        :title => l(:button_delete),
                                        :class => ' linkBlue fr f12'
                                ) if message.course_destroyable_by?(User.current) %>
                            <%= link_to(
                                        l(:button_reply),
                                        'javascript:;',
                                        :nhname =>'showbtn_child_reply',
                                        :class => ' linkBlue fr f12',
                                        :style => 'margin-right: 10px;',
                                        'data-topic-id' =>message.id,
                                        :title => l(:button_reply)) if !topic.locked? && authorize_for('messages', 'reply') %>
                          </div>
                          <div class="cl"></div>

                        </li><!---留言内容-->
                    <% end %>
                  </ul>
                </div>
                <%if topic.replies_count>2 %>
                    <div class="talkWrapMsg"><a nhname="reply_ex_btn" data-count="<%= topic.replies_count %>" data-init="0" class=" ml258" href="javascript:void(0)" id="showgithelp<%= topic.id%>" value="show_help" class="c_dblue lh23"  style="color: #0781b4;" >展开回复(<%= topic.replies_count.to_s%>)</a></div>
                <% end %>
            <% end %>
          </div>
          <div class="cl"></div>
        </div><!--讨论主类容 end-->

    <% end %>
<% else %>
    <p class="nodata"><%= l(:label_no_data) %></p>
<% end %>
<ul class="wlist">
  <%#= pagination_links_full @obj_pages, @obj_count, :per_page_links => false, :remote => false, :flag => true%>
  <%= pagination_links_full @topic_pages, @topic_count, :per_page_links => false, :remote => false, :flag => true %>
</ul>
<%# other_formats_links do |f| %>
<%#= f.link_to 'Atom', :url => {:key => User.current.rss_key} %>
<%# end %>

<% html_title @board.name %>

<% content_for :header_tags do %>
    <%= auto_discovery_link_tag(:atom, {:format => 'atom', :key => User.current.rss_key}, :title => "#{@course}: #{@board}") %>
<% end %>
</div>
<div style="display:none;"><a href="#" id="nhjump"></a></div>
<script type="text/javascript">
    $(function(){
        $(".talkmain_box").each(function(){
            var target = $("li[nhname='reply_rec']",$(this));
            var btn = $("a[nhname='reply_ex_btn']",$(this));
            var jumpobj = $("div[nhname='nh_reply_div']",$(this));
            btn.click(function(){
                if($(this).data('init')=='0'){
                    $(this).data('init',1);
                    $(this).html('收起回复('+$(this).data('count')+')');
                    target.show();
                }else{
                    $(this).data('init',0);
                    $(this).html('展开回复('+$(this).data('count')+')');
                    target.hide();
                    target.eq(0).show();
                    target.eq(1).show();
                    $("#nhjump").attr('href','#'+jumpobj.attr('id'));
                    $("#nhjump")[0].click();
                }
            });
        });
        KindEditor.ready(function(K){
            $("div[nhname='container_board']").each(function(){
                var container = $(this);
                var about_talk = $("div[nhname='about_talk']",container);
                var params = ({
                    kindutil:K,
                    showbtn:$("a[nhname='showbtn']",container),
                    about_talk:about_talk,
                    inputsubject:$("input[nhname='inputsubject']",about_talk),
                    subjectmsg:$("p[nhname='subjectmsg']",about_talk),
                    textarea:$("textarea[nhname='textarea']",about_talk),
                    contentmsg:$("p[nhname='contentmsg']",about_talk),
                    submitbtn:$("a[nhname='submitbtn']",about_talk),
                    cancelbtn:$("a[nhname='cancelbtn']",about_talk),
                    form:$("form[nhname='form']",about_talk),
                    toolbar_container:$("div[nhname='toolbar_container']",about_talk),
                    init_content_val:$("input[nhname='init_content_val']",about_talk)
                });
                nh_init_board(params);
            });
            $("div[mhname='container_board_reply']").each(function(){
                var container = $(this);
                var about_talk = $("div[nhname='about_talk_reply']",container);
                var params = {
                    type:'reply',
                    kindutil:K,
                    showbtn:$("a[nhname='showbtn_reply']",container),
                    showbtn_child:$("a[nhname='showbtn_child_reply']",container),
                    about_talk:about_talk,
                    inputsubject:$("input[nhname='inputsubject']",about_talk),
                    subjectmsg:$("p[nhname='subjectmsg']",about_talk),
                    textarea:$("textarea[nhname='textarea']",about_talk),
                    contentmsg:$("p[nhname='contentmsg']",about_talk),
                    submitbtn:$("a[nhname='submitbtn']",about_talk),
                    cancelbtn:$("a[nhname='cancelbtn']",about_talk),
                    form:$("form[nhname='form']",about_talk),
                    quote_show:$("div[nhname='quote_show']",about_talk),
                    quote_input:$("textarea[nhname='quote_input']",about_talk),
                    toolbar_container:$("div[nhname='toolbar_container']",about_talk),
                    jumphref:$("#nhjump")
                };
                params.get_ref_str_call=function(btn){
                    var div = btn.parent('div');
                    var str = '<blockquote>'+$('a',div).filter(':first').html()+' 写到： <br/>'+$("input[nhname='nh_content_val']",div).val()+'<div class="cl"></div></blockquote>';
                    return str;
                }
                nh_init_board(params);
            });

            <% if( @params[:topic_id]!=nil && @params[:topic_id]!='' && @params[:page]==nil ) %>
            var nh_dw_html = $("#topic<%=@params[:topic_id]%>");
            if(nh_dw_html!=undefined && nh_dw_html.length!=0){
                if(nh_dw_html.is(':hidden')){
                    $("a[nhname='reply_ex_btn']",nh_dw_html.parent('ul').parent('div').parent('div')).click();
                }
                $("#nhjump").attr('href','#'+nh_dw_html.attr('id'));
                $("#nhjump")[0].click();

            }
            <% end %>
            <% if(!@flag.nil? && @flag=='true') %>
            if($("#new_topic_btn")!=undefined)$("#new_topic_btn").click();
            <% end %>
        });
    });
</script>