socialforge/app/views/users/_user_jours.html.erb

<div class="dis">
  <div class="msg_box" id='leave-message'>
    <% reply_allow = JournalsForMessage.create_by_user? User.current %>

    <h3><%= l(:label_user_response) %>（<span id="jour_count"><%= @obj_count%></span>）</h3>

    <%= render :partial => 'words/new', :locals => {:user => @user, :sta => @state} %>

  </div>
  <div id="history">
    <%= render :partial => 'history',:locals => { :contest => @contest, :journals => @jour, :state => false} %>
  </div>
  <ul class="wlist"><%= pagination_links_full @obj_pages, @obj_count, :per_page_links => false, :remote => false, :flag => true%></ul>
</div>
<script>
    var W3CDOM = document.createElement && document.getElementsByTagName;

    window.onload = setMaxLength;

    function setMaxLength() {
        if (!W3CDOM) return;
        var textareas = document.getElementsByTagName('textarea');
        for (var i=0;i<textareas.length;i++) {
            var textarea = textareas[i];
            setMaxLengthItem(textareas[i]);
        }
    }
    function setMaxLengthItem(textarea){
        if (textarea.getAttribute('maxlength')) {
            var counter = document.createElement('div');
            counter.className = 'counter';
            var counterClone = counter.cloneNode(true);
            counterClone.innerHTML = '<span>0</span>/'+textarea.getAttribute('maxlength');
            textarea.parentNode.insertBefore(counterClone,textarea.nextSibling);
            textarea.relatedElement = counterClone.getElementsByTagName('span')[0];
            textarea.onkeyup = textarea.onchange = checkMaxLength;
            textarea.onkeyup();
        }
    }

    function checkMaxLength() {
        var maxLength = this.getAttribute('maxlength');
        var currentLength = this.value.length;
        if (currentLength > maxLength)
            this.relatedElement.className = 'toomuch';
        else
            this.relatedElement.className = '';
        this.relatedElement.firstChild.nodeValue = currentLength;
    }

</script>