Contar lineas y caracteres de textarea en javascript

hmv · #1 (**permalink**) 14/01/2010, 03:32

Buenos dias,

Cuando escribo en un text se vaya copiando a un textarea y cuando llegue a los 28 caracteres haga un salto de line en el textarea y cuando alcance 28 caracteres mas haga otro salto de linea hasta 5 saltos.

espero que haya quedado claro
muchas gracias.

Adler · #2 (**permalink**) 14/01/2010, 06:10

Hola

Esto sería un início

Código Javascript:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
var nuevaFila = {
 
Evento: function (elemento,nomevento,funcion) {
  if (elemento.attachEvent)
  {
      var f=function(){
        funcion.call(elemento,window.event);
    }
    elemento.attachEvent('on'+nomevento,f);
    return true;
  }
  else  
    if (elemento.addEventListener)
    {
      elemento.addEventListener(nomevento,funcion,false);
      return true;
    }
    else
      return false;
},
 
 
 
init: function(){
var elem = document.getElementById("txt");
        nuevaFila.Evento(elem, 'keyup', nuevaFila.CreaFila);
    },
 
 
CreaFila: function (ev) {
var num_caracteresIrreales;
var num_caracteresReales;
var keyCode = document.layers ? ev.which : document.all ? event.keyCode : document.getElementById ? ev.keyCode : 0;
var elem = document.getElementById("txt");
num_caracteresIrreales = elem.rows * 26;
num_caracteresReales = elem.value.length;
document.getElementById("irr").innerHTML = num_caracteresIrreales;
document.getElementById("real").innerHTML = num_caracteresReales;
 
if (keyCode == 8) {
if ((num_caracteresReales < (num_caracteresIrreales-26)) && (elem.rows >=2)) {
elem.rows-= 1;
}
 
} else if (num_caracteresReales == num_caracteresIrreales) {
elem.rows+= 1;
 
} else if (keyCode == 13) {
elem.rows+= 1;
num_caracteresIrreales = 26;
num_caracteresReales = 0;
}
}
}
nuevaFila.Evento(window, 'load', nuevaFila.init); 
</script>
</head>
<body>
<textarea name="txt" id="txt" cols="30" rows="1" style="overflow:hidden;"></textarea>
Salto linea <span id="irr">0</span> Caracteres <span id="real">0</span>
</body>
</html>

Suerte

hmv · #3 (**permalink**) 14/01/2010, 08:20

Gracias por responder,

No era lo q buscaba exactamente, contar la cant de caracteres si me sale, lo que q no se es hacer el salto de linea cada vez q cuenta 28 caracteres.

muchas gracias

ceSharp · #4 (**permalink**) 14/01/2010, 09:28

con esta funcioncilla puedes provocar un salto de línea en tu textarea

------------------------------------------
function darIntro()
{
var tx = document.getElementById('txArea');
var te = String.fromCharCode(13);
tx.value += te;
}
----------------------------------------------------------

cambia el id txArea por el tuyo y llama a esta función cada vez que la caja de texto llegue a 28 caracteres.

salu2

hmv · #5 (**permalink**) 15/01/2010, 02:17

gracias, esta función ya me va bien siempre y cuando escriba directamente en el textarea, pero la idea es escribir en un text.

Panino5001 · #6 (**permalink**) 15/01/2010, 05:44

Tal vez esto te de alguna idea adicional (quizá mezclando un poco de cada una de todas estas ideas puedas finalmente lograr tu objetivo):
http://www.disegnocentell.com.ar/notas2.php?id=232