Tema: Limitar textarea!
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 25/06/2012, 14:32
Avatar de emprear
emprear
Colaborador
  
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 10 meses
Puntos: 1567
Respuesta: Limitar textarea!
Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <title>Script contar caracteres restantes</title> 
  6. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  7. <script type="text/javascript">
  8. //<![CDATA[
  9. /*********************************************************************
  10. * Script contar caracteres restantes. Implementación:
  11. * en el textarea onkeyup="cuentaChar('aaa','bbb',20);"
  12. * donde, 'aaa' es el id del textarea
  13. * 'bbb' el id del elemento que muestra el conteo
  14. * y 20 (sin comillas), el máximo de caracteres permitidos
  15. * en el elemento 'bbb' ingresar el número máximo.
  16. *********************************************************************/
  17.  
  18. function cuentaChar(campo,contador,maximo){
  19. var Eltexto = document.getElementById(campo);
  20. if(Eltexto.value.length > maximo){
  21. alert('Has superado los ' + maximo + ' caracteres permitidos');
  22. document.getElementById(contador).innerHTML = '0';
  23. Eltexto.value = Eltexto.value.substr(0,maximo);
  24. Eltexto.focus();
  25. return (false);
  26. }else{
  27. var numchar = maximo - Eltexto.value.length;
  28. document.getElementById(contador).innerHTML = numchar;
  29. }
  30. }
  31. //]]>
  32. </script>
  33. </head>
  34. <body>
  35. <form action="#">
  36. <textarea rows="10" cols="25" id="comentarios" onkeyup="cuentaChar('comentarios','cuenta',20);"  onblur="cuentaChar('comentarios','cuenta',20);"></textarea>
  37. <br />
  38. <span id="cuenta"><!-- cuenta --></span>
  39. </body>
  40. </html>

SAludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
Última edición por emprear; 25/06/2012 a las 15:47