trustieforge/app/views/projects/_new_respond.html.erb

<script>
	var W3CDOM = document.createElement && document.getElementsByTagName;

window.onload = setMaxLength;

function setMaxLength() {
    if (!W3CDOM) return;
    var textareas = document.getElementsByTagName('textarea');
    var counter = document.createElement('div');
    counter.className = 'counter';
    for (var i=0;i<textareas.length;i++) {
        if (textareas[i].getAttribute('maxlength')) {
            var counterClone = counter.cloneNode(true);
            counterClone.innerHTML = '<span>0</span>/'+textareas[i].getAttribute('maxlength');
            textareas[i].parentNode.insertBefore(counterClone,textareas[i].nextSibling);
            textareas[i].relatedElement = counterClone.getElementsByTagName('span')[0];
            textareas[i].onkeyup = textareas[i].onchange = checkMaxLength;
            textareas[i].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>
<%= form_tag({:controller => 'projects', :action => 'project_respond'}) do %>
<%= text_area_tag 'project_respond', "", 
    				:class => 'noline', :required => true, 
    				:style => "resize: none;", :rows => 6, 
    				:placeholder => l(:label_projects_feedback_respond_content),
    				:maxlength => 250 %>

<%= hidden_field_tag 'reference_id', params[:reference_id], :value => journal.id %>
<%= submit_tag l(:button_projects_feedback_respond), :name => nil , :class => "bid_btn"%>

<%end%>