1、个人主页，布局右侧显示不够左侧长度时自动补充

2、个人主页js、css提取出来
3、css错误整理

app/views/layouts/base_users_new.html.erb

@@ -17,6 +17,7 @@
 <%= stylesheet_link_tag 'jquery/jquery-ui-1.9.2', 'public_new', 'leftside_new','users', :media => 'all' %>
 <%= stylesheet_link_tag 'rtl', :media => 'all' if l(:direction) == 'rtl' %>
 <%= javascript_heads %>
+<%= javascript_include_tag "user","avatars"%>
 <%= heads_for_theme %>
 <%= call_hook :view_layouts_base_html_head %>
 <%= yield :header_tags -%>
@@ -266,7 +267,6 @@
 <%= render :partial => 'layouts/new_feedback' %>
 
 <div id="ajax-modal" style="display:none;"></div>
-<%= javascript_include_tag '/javascripts/avatars.js' %>
 <div id="nh_tx_dialog_html" class="white_content" style="display:none;">
   <div>
     <div><a href="javascript:hideModal();" class="box_close"></a></div>

app/views/users/show.html.erb

@@ -1,12 +1,3 @@
-<style type="text/css">
-  div.ke-toolbar{display:none;width:400px;border:none;background:none;padding:0px 0px;}
-  span.ke-toolbar-icon{line-height:26px;font-size:14px;padding-left:26px;}
-  span.ke-toolbar-icon-url{background-image:url( /images/public_icon.png )}
-  div.ke-toolbar .ke-outline{padding:0px 0px;line-height:26px;font-size:14px;}
-  span.ke-icon-emoticons{background-position:0px -671px;width:50px;height:26px;}
-  span.ke-icon-emoticons:hover{background-position:-79px -671px;width:50px;height:26px;}
-  div.ke-toolbar .ke-outline{border:none;}
-</style>
 <%= javascript_include_tag "/assets/kindeditor/kindeditor",'/assets/kindeditor/pasteimg' %>
 <% @center_flag = (User.current == @user) %>
 <% if @center_flag %>
@@ -49,233 +40,3 @@
   </div>
 
 </div>
-<script type="text/javascript">
-  $(function(){
-
-    function init_editor(params){
-      var editor = params.kindutil.create(params.textarea, {
-        resizeType : 1,minWidth:"1px",width:"100%",height:"80px",
-          items:['emoticons'],
-        afterChange:function(){//按键事件
-          nh_check_field({content:this,contentmsg:params.contentmsg,textarea:params.textarea});
-        },
-        afterCreate:function(){
-          var toolbar = $("div[class='ke-toolbar']",params.div_form);
-          $(".ke-outline>.ke-toolbar-icon",toolbar).append('表情');
-          params.toolbar_container.append(toolbar);
-        }
-      }).loadPlugin('paste');
-      return editor;
-    }
-
-    function nh_check_field(params){
-      var result=true;
-      if(params.content!=undefined){
-        if(params.content.isEmpty()){
-          result=false;
-        }
-        if(params.content.html()!=params.textarea.html() || params.issubmit==true){
-          params.textarea.html(params.content.html());
-          params.content.sync();
-          if(params.content.isEmpty()){
-            params.contentmsg.html('内容不能为空');
-            params.contentmsg.css({color:'#ff0000'});
-          }else{
-            params.contentmsg.html('填写正确');
-            params.contentmsg.css({color:'#008000'});
-          }
-          params.contentmsg.show();
-        }
-      }
-      return result;
-    }
-    function init_form(params){
-      params.form.submit(function(){
-        var flag = false;
-        if(params.form.attr('data-remote') != undefined ){
-          flag = true
-        }
-        var is_checked = nh_check_field({
-          issubmit:true,
-          content:params.editor,
-          contentmsg:params.contentmsg,
-          textarea:params.textarea
-        });
-        if(is_checked){
-          if(flag){
-            return true;
-          }else{
-            $(this)[0].submit();
-            return false;
-          }
-        }
-        return false;
-      });
-    }
-    function nh_reset_form(params){
-      params.form[0].reset();
-      params.textarea.empty();
-      if(params.editor != undefined){
-        params.editor.html(params.textarea.html());
-      }
-      params.contentmsg.hide();
-    }
-
-    KindEditor.ready(function(K){
-      $("a[nhname='reply_btn']").live('click',function(){
-        var params = {};
-        params.kindutil = K;
-        params.container = $(this).parent('div');
-        params.div_form = $("div[nhname='div_form']",params.container);
-        params.form = $("form",params.div_form);
-        params.textarea = $("textarea[name='user_notes']",params.div_form);
-        params.contentmsg = $("p[nhname='contentmsg']",params.div_form);
-        params.toolbar_container = $("div[nhname='toolbar_container']",params.div_form);
-        params.cancel_btn = $("a[nhname='cancel_btn']",params.div_form);
-        params.submit_btn = $("a[nhname='submit_btn']",params.div_form);
-        if(params.textarea.data('init') == undefined){
-          params.editor = init_editor(params);
-          init_form(params);
-          params.cancel_btn.click(function(){
-            nh_reset_form(params);
-            toggleAndSettingWordsVal(params.div_form, params.textarea);
-          });
-          params.submit_btn.click(function(){
-            params.form.submit();
-          });
-          params.textarea.data('init',1);
-        }
-        params.cancel_btn.click();
-        setTimeout(function(){
-          if(!params.div_form.is(':hidden')){
-            params.textarea.show();
-            params.textarea.focus();
-            params.textarea.hide();
-          }
-        },300);
-
-      });
-
-      $("div[nhname='new_message']").each(function(){
-        var params = {};
-        params.kindutil = K;
-        params.div_form = $(this);
-        params.form = $("form",params.div_form);
-        if(params.form==undefined || params.form.length==0){
-          return;
-        }
-        params.textarea = $("textarea[nhname='new_message_textarea']",params.div_form);
-        params.contentmsg = $("p[nhname='contentmsg']",params.div_form);
-        params.toolbar_container = $("div[nhname='toolbar_container']",params.div_form);
-        params.cancel_btn = $("#new_message_cancel_btn");
-        params.submit_btn = $("#new_message_submit_btn");
-
-        if(params.textarea.data('init') == undefined){
-          params.editor = init_editor(params);
-          init_form(params);
-          params.cancel_btn.click(function(){
-            nh_reset_form(params);
-          });
-          params.submit_btn.click(function(){
-            params.form.submit();
-          });
-          params.textarea.data('init',1);
-          $(this).show();
-        }
-      });
-    });
-  });
-</script>
-<script type="text/javascript">
-  function init_list_more_div(params){
-    var p=params;
-    p.exbtn.click(function(){
-      var isclose = p.container.data('isclose');
-      var hasmore = p.container.data('hasmore');
-      if(isclose == '1'){
-        $("div[nhname='rec']",p.container).show();
-        p.container.data('isclose','0');
-        change_status_4_list_more_div(params);
-        return;
-      }
-      if(hasmore == '0'){
-        change_status_4_list_more_div(params,'get');
-        return;
-      }
-      var url = p.container.data('url');
-      if($("div[nhname='rec']",p.container).length > 0){
-        var lastid = $("div[nhname='rec']",p.container).filter(':last').data('id');
-        url += "?lastid="+lastid;
-        var lasttime = $("div[nhname='rec']",p.container).filter(':last').data('time');
-        if(lasttime != undefined){
-          url += "&lasttime="+lasttime;
-        }
-      }
-      $.ajax( {url:url,dataType:'text',success:function(data){
-        var html = $("<div>"+data+"</div>");
-        var lens = $("div[nhname='rec']",html).length;
-        if(lens < p.size){
-          p.container.data('hasmore','0');
-        }
-        if(lens>0){
-          var currpage = parseInt(p.container.data('currpage'))+1;
-          p.container.data('currpage',currpage);
-          p.container.append(html.html())
-        }
-        change_status_4_list_more_div(params,'get');
-        p.div.show();
-      }} );
-    });
-    p.clbtn.click(function(){
-      var i=0;
-      $("div[nhname='rec']",p.container).each(function(){
-        i++;
-        if(i> p.size){
-          $(this).hide();
-        }
-      });
-      p.container.data('isclose','1');
-      change_status_4_list_more_div(params);
-    });
-    p.exbtn.click();
-  }
-  function change_status_4_list_more_div(params,opt){
-    var p=params;
-    if($("div[nhname='rec']",p.container).length == 0 && opt != 'get'){
-      p.exbtn.click();
-      return;
-    }
-    var show_lens = $("div[nhname='rec']",p.container).length - $("div[nhname='rec']",p.container).filter(':hidden').length;
-    if( show_lens > p.size ){
-      p.clbtn.show();
-    }else{
-      p.clbtn.hide();
-    }
-    if($("div[nhname='rec']",p.container).length == 0){
-      p.exbtn.html(p.nodatamsg);
-    }else if( p.container.data('hasmore') == '1' || p.container.data('isclose')=='1' ){
-      p.exbtn.html('点击展开更多');
-    }else{
-      p.exbtn.html('没有更多了');
-    }
-  }
-  function init_list_more_div_params(div){
-    var params = {};
-    params.div = div;
-    params.container = $("div[nhname='container']",div);
-    params.exbtn = $("a[nhname='expand']",div);
-    params.clbtn = $("a[nhname='close']",div);
-    params.size = params.container.data('pagesize');
-    params.nodatamsg = params.container.data('nodatamsg');
-    if( params.size == undefined ){
-      params.size = 8;
-    }
-    return params;
-  }
-  $(function(){
-    $("div[nhname='list_more_div']").each(function(){
-      var params = init_list_more_div_params($(this));
-      init_list_more_div(params)
-    });
-  });
-</script>

public/javascripts/user.js

@@ -0,0 +1,238 @@
+$(function(){
+    if($(".top_new").length==0){
+        $("#RSide").css("min-height",$("#LSide").height()-30);
+    }
+    else{
+        $("#RSide").css("min-height",$("#LSide").height()-87);
+    }
+
+});
+
+//个人动态
+$(function(){
+
+    function init_editor(params){
+        var editor = params.kindutil.create(params.textarea, {
+            resizeType : 1,minWidth:"1px",width:"100%",height:"80px",
+            items:['emoticons'],
+            afterChange:function(){//按键事件
+                nh_check_field({content:this,contentmsg:params.contentmsg,textarea:params.textarea});
+            },
+            afterCreate:function(){
+                var toolbar = $("div[class='ke-toolbar']",params.div_form);
+                $(".ke-outline>.ke-toolbar-icon",toolbar).append('表情');
+                params.toolbar_container.append(toolbar);
+            }
+        }).loadPlugin('paste');
+        return editor;
+    }
+
+    function nh_check_field(params){
+        var result=true;
+        if(params.content!=undefined){
+            if(params.content.isEmpty()){
+                result=false;
+            }
+            if(params.content.html()!=params.textarea.html() || params.issubmit==true){
+                params.textarea.html(params.content.html());
+                params.content.sync();
+                if(params.content.isEmpty()){
+                    params.contentmsg.html('内容不能为空');
+                    params.contentmsg.css({color:'#ff0000'});
+                }else{
+                    params.contentmsg.html('填写正确');
+                    params.contentmsg.css({color:'#008000'});
+                }
+                params.contentmsg.show();
+            }
+        }
+        return result;
+    }
+    function init_form(params){
+        params.form.submit(function(){
+            var flag = false;
+            if(params.form.attr('data-remote') != undefined ){
+                flag = true
+            }
+            var is_checked = nh_check_field({
+                issubmit:true,
+                content:params.editor,
+                contentmsg:params.contentmsg,
+                textarea:params.textarea
+            });
+            if(is_checked){
+                if(flag){
+                    return true;
+                }else{
+                    $(this)[0].submit();
+                    return false;
+                }
+            }
+            return false;
+        });
+    }
+    function nh_reset_form(params){
+        params.form[0].reset();
+        params.textarea.empty();
+        if(params.editor != undefined){
+            params.editor.html(params.textarea.html());
+        }
+        params.contentmsg.hide();
+    }
+
+    KindEditor.ready(function(K){
+        $("a[nhname='reply_btn']").live('click',function(){
+            var params = {};
+            params.kindutil = K;
+            params.container = $(this).parent('div');
+            params.div_form = $("div[nhname='div_form']",params.container);
+            params.form = $("form",params.div_form);
+            params.textarea = $("textarea[name='user_notes']",params.div_form);
+            params.contentmsg = $("p[nhname='contentmsg']",params.div_form);
+            params.toolbar_container = $("div[nhname='toolbar_container']",params.div_form);
+            params.cancel_btn = $("a[nhname='cancel_btn']",params.div_form);
+            params.submit_btn = $("a[nhname='submit_btn']",params.div_form);
+            if(params.textarea.data('init') == undefined){
+                params.editor = init_editor(params);
+                init_form(params);
+                params.cancel_btn.click(function(){
+                    nh_reset_form(params);
+                    toggleAndSettingWordsVal(params.div_form, params.textarea);
+                });
+                params.submit_btn.click(function(){
+                    params.form.submit();
+                });
+                params.textarea.data('init',1);
+            }
+            params.cancel_btn.click();
+            setTimeout(function(){
+                if(!params.div_form.is(':hidden')){
+                    params.textarea.show();
+                    params.textarea.focus();
+                    params.textarea.hide();
+                }
+            },300);
+
+        });
+
+        $("div[nhname='new_message']").each(function(){
+            var params = {};
+            params.kindutil = K;
+            params.div_form = $(this);
+            params.form = $("form",params.div_form);
+            if(params.form==undefined || params.form.length==0){
+                return;
+            }
+            params.textarea = $("textarea[nhname='new_message_textarea']",params.div_form);
+            params.contentmsg = $("p[nhname='contentmsg']",params.div_form);
+            params.toolbar_container = $("div[nhname='toolbar_container']",params.div_form);
+            params.cancel_btn = $("#new_message_cancel_btn");
+            params.submit_btn = $("#new_message_submit_btn");
+
+            if(params.textarea.data('init') == undefined){
+                params.editor = init_editor(params);
+                init_form(params);
+                params.cancel_btn.click(function(){
+                    nh_reset_form(params);
+                });
+                params.submit_btn.click(function(){
+                    params.form.submit();
+                });
+                params.textarea.data('init',1);
+                $(this).show();
+            }
+        });
+    });
+});
+function init_list_more_div(params){
+    var p=params;
+    p.exbtn.click(function(){
+        var isclose = p.container.data('isclose');
+        var hasmore = p.container.data('hasmore');
+        if(isclose == '1'){
+            $("div[nhname='rec']",p.container).show();
+            p.container.data('isclose','0');
+            change_status_4_list_more_div(params);
+            return;
+        }
+        if(hasmore == '0'){
+            change_status_4_list_more_div(params,'get');
+            return;
+        }
+        var url = p.container.data('url');
+        if($("div[nhname='rec']",p.container).length > 0){
+            var lastid = $("div[nhname='rec']",p.container).filter(':last').data('id');
+            url += "?lastid="+lastid;
+            var lasttime = $("div[nhname='rec']",p.container).filter(':last').data('time');
+            if(lasttime != undefined){
+                url += "&lasttime="+lasttime;
+            }
+        }
+        $.ajax( {url:url,dataType:'text',success:function(data){
+            var html = $("<div>"+data+"</div>");
+            var lens = $("div[nhname='rec']",html).length;
+            if(lens < p.size){
+                p.container.data('hasmore','0');
+            }
+            if(lens>0){
+                var currpage = parseInt(p.container.data('currpage'))+1;
+                p.container.data('currpage',currpage);
+                p.container.append(html.html())
+            }
+            change_status_4_list_more_div(params,'get');
+            p.div.show();
+        }} );
+    });
+    p.clbtn.click(function(){
+        var i=0;
+        $("div[nhname='rec']",p.container).each(function(){
+            i++;
+            if(i> p.size){
+                $(this).hide();
+            }
+        });
+        p.container.data('isclose','1');
+        change_status_4_list_more_div(params);
+    });
+    p.exbtn.click();
+}
+function change_status_4_list_more_div(params,opt){
+    var p=params;
+    if($("div[nhname='rec']",p.container).length == 0 && opt != 'get'){
+        p.exbtn.click();
+        return;
+    }
+    var show_lens = $("div[nhname='rec']",p.container).length - $("div[nhname='rec']",p.container).filter(':hidden').length;
+    if( show_lens > p.size ){
+        p.clbtn.show();
+    }else{
+        p.clbtn.hide();
+    }
+    if($("div[nhname='rec']",p.container).length == 0){
+        p.exbtn.html(p.nodatamsg);
+    }else if( p.container.data('hasmore') == '1' || p.container.data('isclose')=='1' ){
+        p.exbtn.html('点击展开更多');
+    }else{
+        p.exbtn.html('没有更多了');
+    }
+}
+function init_list_more_div_params(div){
+    var params = {};
+    params.div = div;
+    params.container = $("div[nhname='container']",div);
+    params.exbtn = $("a[nhname='expand']",div);
+    params.clbtn = $("a[nhname='close']",div);
+    params.size = params.container.data('pagesize');
+    params.nodatamsg = params.container.data('nodatamsg');
+    if( params.size == undefined ){
+        params.size = 13;
+    }
+    return params;
+}
+$(function(){
+    $("div[nhname='list_more_div']").each(function(){
+        var params = init_list_more_div_params($(this));
+        init_list_more_div(params)
+    });
+});
+//个人动态 end

public/stylesheets/users.css

@@ -8,7 +8,7 @@
 .icon_female{ background:url(../images/pic_uersall.png) 0 -24px no-repeat; width:15px; height:15px;}
 .pf_intro{ width:222px; margin-top:5px; color:#696969;word-break: break-all; }
 .leftbox{ width:230px; padding:10px; padding-right:0px; padding-bottom:5px;background:#fff; margin-bottom:10px; margin-right:10px;}
-.pic_members{ background:url(../images/pic_users.jpg) 0 0 no-repeat; display:block; width:38px; height:38px; border:1px solid #e9edf0; margin-right:5px; margin-bottom:5px;float:left;}
+.pic_members{ display:block; width:38px; height:38px; border:1px solid #e9edf0; margin-right:5px; margin-bottom:5px;float:left;}
 .pic_members:hover{border:1px solid #c9c9c9;}
 /*新建*/
 .top_new{ height:26px; border-bottom:10px solid #eaebed; padding:10px; background:#fff; float:left; margin-left:10px; width:730px; }
@@ -89,7 +89,7 @@ a.select_btn_select{ background:#64bddb; color:#fff;}
 .users_ctt input,.users_ctt select,.users_ctt textarea{ border:1px solid #CCC;}
 .users_ctt input,.users_ctt select,.users_ctt option{ height:26px;}
 .users_ctt input,.users_ctt textarea{ margin-left:2px;}
-.users_ctt textarea{ margin-bottom:none;}
+/*.users_ctt textarea{ margin-bottom:nor;}*/
 .w450{ width:450px;}
 .w210{ width:200px;}
 .w70{ width:70px;}
@@ -124,4 +124,12 @@ a:hover.c_lgrey{ color:#3ca5c6;}
 .newhwork_div textarea{border:1px solid #CCC;}
 .w460{ width:460px;}
 
-a.hidepic>img{display:none;}
+a.hidepic>img{display:none;}
+
+div.ke-toolbar{display:none;width:400px;border:none;background:none;padding:0px 0px;}
+span.ke-toolbar-icon{line-height:26px;font-size:14px;padding-left:26px;}
+span.ke-toolbar-icon-url{background-image:url( ../images/public_icon.png )}
+div.ke-toolbar .ke-outline{padding:0px 0px;line-height:26px;font-size:14px;}
+span.ke-icon-emoticons{background-position:0px -671px;width:50px;height:26px;}
+span.ke-icon-emoticons:hover{background-position:-79px -671px;width:50px;height:26px;}
+div.ke-toolbar .ke-outline{border:none;}