[Solved] message counter

• Description:
  

hi! i just want to ask for the codes for message counter just what like in this image

• Information:
  

Code:

    $(function(){$(function(){

          var MinNumberOfWords = 5;
          var LetterCountPerWord = 3;
          var ico_compl = "http://i73.servimg.com/u/f73/18/10/89/49/ok-gre10.png";
          var ico_incompl = "http://i73.servimg.com/u/f73/18/10/89/49/exclam10.png"; 
   
        if($("#text_editor_textarea").length != 0){
            $("input[type='submit'][name='post']").attr("disabled", true).css("opacity", "0.5");     
            $(".sceditor-container").after("<br/><div id='div_minchars' align='center'><div id='div_minchars_header'> Minimum words to send a message: " + MinNumberOfWords + " (at least " + LetterCountPerWord + " letters)</div><div id='div_minchars_info'></div></div>");
           
            var sceditor = $("#text_editor_textarea").sceditor("instance");                 
            var str = sceditor.val();
            var regex = new RegExp('\\w{' + LetterCountPerWord + ',}\\b', 'g');
            var str_arr = str.match(regex);
            var str_len = str_arr == null ? 0 : str_arr.length;
           
            if(str_len >= MinNumberOfWords) $("input[type='submit'][name='post']").attr("disabled", false).css("opacity", "1");
           
            sceditor.keyUp(function(e) {
                str = sceditor.val();
                str_arr = str.match(regex);
                str_len = str_arr == null ? 0 : str_arr.length;
                if(str_len >= MinNumberOfWords) {
                  $("#div_minchars_info").html("You've written <span style='color:green'>" + str_len + "</span> word(s). You can now send the message <img src='" + ico_compl  + "' />"); 
              $("input[type='submit'][name='post']").attr("disabled", false).css("opacity", "1");
                }else{
                  $("#div_minchars_info").html("You've written <span style='color:red'>" + str_len + "</span> word(s). You need " + (MinNumberOfWords - str_len) + " word(s) to send this message <img src='" + ico_incompl  + "' />");
                  $("input[type='submit'][name='post']").attr("disabled", true).css("opacity", "0.5");
                }
            });
          }
      })});