contar caracteres y colocar un simbolo o salto de linea

kinyiro_360 · #1 (**permalink**) 20/11/2012, 16:15

hola a todos

como puedo contar los caracteres de un textbox y colocar un símbolo o salto de linea cada (ejemplo) 100 caracteres

espero que me puedan ayudar de antemano muchas gracias

emprear · #2 (**permalink**) 20/11/2012, 18:23

Si se supiese el objetivo concreto quizás ni hiciese falta, pero con javascript se haría asi

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Salto de línea cada 100 caracteres</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
<script type="text/javascript">
//<![CDATA[
function recortar(){
var cadena= 'aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa';
var recorte = csdena.match(/.{1,100}/g).join("<br/>");
document.write(recorte);
}
//]]>
</script>
</head>
<body>
 
<script type="text/javascript">
//<![CDATA[
recortar();
//]]>
</script>
</body>
</html>

Saludos

Albuss · #3 (**permalink**) 20/11/2012, 18:30

Por poner un ejemplo mas simple que el maestro emprear, y que utilizo a diario , un bucle y el metodo charAt(i) , se le ha dellamar desde el valor array que queremos analizar y el indice marcara cada caracter.

Pongamos que tenemos un imput de texto y queremos saber si hay un espacio :

Código Javascript:

Ver originalvar ValueBox = document.getElementById('ImputText').value;
var NotPermited = / /;
  for(i=0;i<ValueBox.length;i++){
       
       srt=ValueBox.charAt(i);
       if (NotPermited.test((srt)==false){
       
      alert "Hay un espacio en blanco en el array";
 
      }
  
  }

Ahora , en vez de un espacio, pon el caracter que quieras y en vez de un alert utiliza la etiqueta de salto de linea.

kinyiro_360 · #4 (**permalink**) 21/11/2012, 08:09

gracias por sus repuestas

pues la situacion es la siguiente tengo un textbox(asp.net) y cuando el usuario escribe algo se guarda en la base de datos pero como una sola linea

lo que necesito es cortar esa linea cada168 caracteres(aprox)

ya estuve probando un ejemplo como el de Albuss pero me marca un error
voy a probar el ejemplo de emprear y al rato les cuento como me fue

GRACIAS!!!!!!!!!!11

Albuss · #5 (**permalink**) 21/11/2012, 08:21

Utiliza un if con el tope que quieres, y sírvete de la funcion length para poner el tope al bucle.

Código Javascript:

Ver originalj=valueBox.length;
if(i<168){}

Mi ejemplo era para encontrar un caracter, no para contar los caracteres.

emprear · #6 (**permalink**) 21/11/2012, 08:30

Cita:

Iniciado por kinyiro_360

gracias por sus repuestas

pues la situacion es la siguiente tengo un textbox(asp.net) y cuando el usuario escribe algo se guarda en la base de datos pero como una sola linea

lo que necesito es cortar esa linea cada168 caracteres(aprox)

ya estuve probando un ejemplo como el de Albuss pero me marca un error
voy a probar el ejemplo de emprear y al rato les cuento como me fue

GRACIAS!!!!!!!!!!11

Si es para eso lo que te conviene es hacerlo en el php antes de hacer el insert

Código PHP:

Ver original<?php
     $texto = "999999999999999999999999999999999999999999999xxxxXxxxxxxxxxxxxxxxxxxxxxxxxxxxxlllllllllllllllllllllllllllllllllllllllllllllllls sssssssssssssssssssss.";
     $texto = wordwrap($texto, 50, "<br />",1);
     echo $texto;
 ?>

reemplazas el 50 por el número de caracteres donde querés el break y el <br /> por el símbolo si querés uno en lugar del salto de linea
Uyyyy, que descuido el mio, dijiste asp.net
Lo dejo por si es útil a alguno.

Saludos

kinyiro_360 · #7 (**permalink**) 21/11/2012, 10:00

bueno ya resolví mi error

la solución fue muy sencilla

la aplique un estilo al DIV donde muestro la información

Código HTML:

<div style="width:600px; word-wrap:break-word;">

no te preucupes emprear se que a alguien mas le puede servir esa solución y fue gracias a ese comentario que descubrí "word-wrap"

(la verdad estoy muy pollo todavia para estas cosas un disculpa a los 2)

de antemano muchas gracias a los 2

:a rriba:

emprear · #8 (**permalink**) 21/11/2012, 10:17

Para dejar en claro las cosas,
word-wrap se aplica a las palabras y no a los caracteres de una linea
word-wrap NO inserta ningún salto de linea, si bien visualmente la palabra se recorta hacia una nueva linea, el código a insertar en la base de datos será siempre el texto original.

Saludos