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

<style type="text/css">
    .lz {
        position: relative;
        min-height: 200px;
        margin: 10px 2px;
        border-radius: 5px;
        box-shadow: 1px 1px 6px #97EBF4;
    }
    .lz-left {
        float: left;
        margin: 2%;
        padding: 0;
    }
    .memo-section {
        width: auto;
        margin-left: 15%;
        padding-top: 1%;
        border-left: 2px dotted #EEE;/*#8BE9F3;*/
    }
    .memo-title {
        margin: 1em 0;
        padding-left: 1%;
        padding-bottom: 1%;
        font-weight: bold;
        border-bottom: 1px dashed rgb(204, 204, 204);
    }
    .memo-content {
        padding: 1%;
        margin: 1%;
        margin-bottom: 40px;
        background-color: #F6F6F6;
        white-space: normal;
        /*word-break: break-all;   */
        word-wrap: break-word;
    }
    .memo-timestamp {
        position: absolute;
        bottom: 0px;
        /*right: 0;*/
        left: 0;
        margin: 20px;
    }
    .replies {
        float: right;
        /*max-width: 90%;*/
    }
    .reply-box {
        float: right;
        width: 640px;
        padding: 3%;
        /*border: 2px solid #C6F3F9;*/
        border-top: 2px double #C6F3F9;
        /*border-radius: 10px;*/
    }
</style>

<div class="project_r_h">
  <h2 class="project_h2"><%= l(:label_board) %></h2>
</div>
<div class="problem_main">
  <div class="ping_dispic"><%= link_to image_tag(url_to_avatar(@topic.author),:width => '46',:height => '46'), user_path(@topic.author) %></div>
  <div class="talk_txt fl">
    <p class="problem_tit fl fb" ><%= link_to @topic.subject, course_boards_path(@topic.course),title: @topic.subject.to_s %></p>
    <br/>
    <p>由<%= link_to_user_header @topic.author,false,:class=> 'problem_name' %> 添加于<%= format_time(@topic.created_on) %></p>
  </div>
  <!-- <a class="talk_edit fr">删除</a><a class="talk_edit fr">编辑</a><a class="talk_edit fr">置顶</a> -->
  <%= watcher_link(@topic, User.current) %>

  <%= link_to(
              l(:button_edit),
              {:action => 'edit', :id => @topic},
              :class => 'talk_edit fr'
      ) if @message.course_editable_by?(User.current) %>
  <%= link_to(
              l(:button_delete),
              {:action => 'destroy', :id => @topic},
              :method => :post,
              :data => {:confirm => l(:text_are_you_sure)},
              :class => 'talk_edit fr'
      ) if @message.course_destroyable_by?(User.current) %>
  <div class="cl"></div>
  <div class="talk_info mb10"><%= textilizable(@topic, :content) %></div>
  <div class="talk_info mb10"><%= link_to_attachments @topic, :author => false %></div>
  <!-- <a href="#" class=" link_file ml60">附件：爱覅俄方if.zip(27.5kB)</a>-->
  <div class="cl"></div>
  <% if User.current.logged? %>
      <%= toggle_link l(:button_reply), "reply", :focus => 'message_content',:class => 'talk_edit fr' %>
  <% else %>
      <%= link_to l(:button_reply), signin_path,:class => 'talk_edit fr' %>
  <% end %>
  <%= link_to(
              l(:button_quote),
              {:action => 'quote', :id => @topic},
              :remote => true,
              :method => 'get',
              :class => 'talk_edit fr',
              :remote => true) if !@topic.locked? && authorize_for('messages', 'reply') %>
  <div class="cl"></div>
</div><!--讨论主类容 end-->
<% unless @replies.empty? %>
    <% reply_count = 0 %>
    <% @replies.each do |message| %>
        <div class="ping_C mb10" id="<%= "message-#{message.id}" %>">
          <div class="ping_dispic"><%= link_to image_tag(url_to_avatar(message.author), :width => '46',:height => '46'), user_path(message.author) %></div>
          <div class="ping_discon">
            <div class="ping_distop">
              <%= link_to_user_header message.author,false,:class => 'c_blue fb fl mb10 ' %>
              <span class="c_grey fr"><%= format_time(message.created_on) %></span>
              <div class="cl"></div>
              <%= textilizable message,:content,:attachments => message.attachments %>
              <%= link_to_attachments message, :author => false %>
            </div>
            <div class="ping_disfoot">
              <%= link_to(
                          l(:button_quote),
                          {:action => 'quote', :id => message},
                          :remote => true,
                          :method => 'get',
                          :title => l(:button_quote)) if !@topic.locked? && authorize_for('messages', 'reply') %>
              <%= link_to(
                          #image_tag('edit.png'),
                          l(:button_edit),
                          {:action => 'edit', :id => message},
                          :title => l(:button_edit)
                  ) if message.course_editable_by?(User.current) %>
              <%= link_to(
                          #image_tag('delete.png'),
                          l(:button_delete),
                          {:action => 'destroy', :id => message},
                          :method => :post,
                          :data => {:confirm => l(:text_are_you_sure)},
                          :title => l(:button_delete)
                  ) if message.course_destroyable_by?(User.current) %>
            </div>
            <div class="cl"></div>
          </div>
          <div class="cl"></div>
        </div><!---留言内容-->
    <% end %>
<% end %>
<% if !@topic.locked? && authorize_for_course('messages', 'reply') %>
    <div id="reply" style="display:none;">
      <%= form_for @reply, :as => :reply, :url => {:action => 'reply', :id => @topic}, :html => {:multipart => true, :id => 'message-form'} do |f| %>
          <%= render :partial => 'form_course', :locals => {:f => f, :replying => true} %>
          <a href="#" onclick="submit_message_replay();"class="blue_btn fl c_white"><%= l(:button_submit)%></a>
      <% end %>
      <div id="preview" class="wiki"></div>
    </div>
<% end %>
<ul class="wlist">
  <%= pagination_links_full @obj_pages, @obj_count, :per_page_links => false, :remote => false, :flag => true%>
</ul>
<% html_title @topic.subject %>

<script type="text/javascript">
    var flag = false;
    jQuery(document).ready(function($) {
        transpotUrl('#content');
    });
    function submit_message_replay()
    {
        if(flag)
        {
            $("#message-form").submit();
        }
    }
    function regexContent()
    {
        var content = $.trim($("#message_content").val());
        if(content.length ==0)
        {
            $("#message_content_span").text("<%= l(:label_reply_empty) %>");
            $("#message_content_span").css('color','#ff0000');
            flag =  false;
        }
        else
        {
            $("#message_content_span").text("<%= l(:label_field_correct) %>");
            $("#message_content_span").css('color','#008000');
            flag = true;
        }
    }
</script>