libs/textarea.max.js

   1 function setMaxLength() {
   2         var x = document.getElementsByTagName('textarea');
   3         var counter = document.createElement('div');
   4         counter.className = 'counter';
   5         for (var i=0;i<x.length;i++) {
   6                 if (x[i].getAttribute('maxlength')) {
   7                         var counterClone = counter.cloneNode(true);
   8                         counterClone.relatedElement = x[i];
   9                         counterClone.innerHTML = 'Ha utilizado <span>0</span> de '+x[i].getAttribute('maxlength')+' caracteres disponibles';
  10                         x[i].parentNode.insertBefore(counterClone,x[i].nextSibling);
  11                         x[i].relatedElement = counterClone.getElementsByTagName('span')[0];
  12                         x[i].onkeypress = checkMaxLength;
  13                         x[i].onkeypress();
  14                 }
  15         }
  16 }
  17
  18 function checkMaxLength(evt) {
  19         var maxLength = this.getAttribute('maxlength');
  20         var currentLength = this.value.length;
  21         this.relatedElement.firstChild.nodeValue = currentLength;
  22         if  (evt) {
  23                 var e = evt || window.event;
  24                 var key = e.which || e.keyCode;
  25                 if (!(key >= 13 && key <= 126)) {
  26                         return true;
  27                 }
  28         }
  29         if (currentLength >= maxLength) {
  30                 this.relatedElement.className = 'toomuch';
  31         } else {
  32                 this.relatedElement.className = '';
  33         }
  34
  35         return (currentLength < maxLength);
  36 }