by Ange Tuteur March 22nd 2014, 7:37 pm
I've converted it to a character counter, it is a bit difficult to count the Arabic words since they are not recognized as a word character.
Try this :
- Code:
$(function(){$(function(){
     var MinNumberOfChars = 50;
     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 characters to send a message: " + MinNumberOfChars + " </div><div id='div_minchars_info'></div></div>");
      Â
       var sceditor = $("#text_editor_textarea").sceditor("instance");         Â
       var str = sceditor.val();
       var str_len = str.length;
      Â
       if(str_len >= MinNumberOfChars) $("input[type='submit'][name='post']").attr("disabled", false).css("opacity", "1");
      Â
       sceditor.keyUp(function(e) {
        str = sceditor.val();
        str_len = str.length;
        if(str_len >= MinNumberOfChars) {
          $("#div_minchars_info").html("You've written <span style='color:green'>" + str_len + "</span> character(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> character(s). You need " + (MinNumberOfChars - str_len) + " character(s) to send this message <img src='" + ico_incompl  + "' />");
          $("input[type='submit'][name='post']").attr("disabled", true).css("opacity", "0.5");
        }
       });
     }
    })});
To change the minimum number of characters modify the value of MinNumberOfChars.