reconocer caracteres con javascript

jlvo1990 · #1 (**permalink**) 06/01/2013, 21:03

hola a todos tengo un problema al tratar de realizar la siguiente función con javascript

El texto que debe mostrar esta con guiones " - " como muestro a continuación

- 3 o 4 mazorcas de maíz morado - 1 litro y medio de agua - 1 cáscara de piña Entera - 10 gramos de clavo - 10 gramos de canela - 2 limones - azúcar al gusto

este texto lo estoy trayendo desde una base de datos local, quiero que la función me reconozca los guiones y que me haga un salto de linea después de cada guion " - "

Código Javascript:

Ver originalvar texto = $('#ingredientes').text(item.descripcion);
    for(i=0;i<texto.length;i++)
    {
        if(texto.charAt(i)=="-") 
               {
                    texto + "</br>"
               }
               else
               {
                 texto
               }
    }
    return false

pero no puedo solucionarlo alguien me puede ayudar por favor

emprear · #2 (**permalink**) 06/01/2013, 21:21

Utilizando replace()

Código HTML:

Ver original<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>Html5</title>
<script>
function reemplazar()
{
var str=document.getElementById("demo").innerHTML; 
var n=str.replace(/\-/g,"-<br />"); // o -\n si es solo un salto de linea en texto plano
document.getElementById("demo").innerHTML=n;
}
</script>
</head>
<body>
<p id="demo">
- 3 o 4 mazorcas de maíz morado - 1 litro y medio de agua - 1 cáscara de piña Entera - 10 gramos de clavo - 10 gramos de canela - 2 limones - azúcar al gusto</p>
<button onclick="reemplazar()">Reemplazar</button>
</body>
</html>

SAludos

jlvo1990 · #3 (**permalink**) 06/01/2013, 22:17

muchas gracias amigo por tu colaboración me sirvió mucho, una duda mas al inicio me deja un espacio en blanco como aria para que no me deje ese espacio

emprear · #4 (**permalink**) 06/01/2013, 23:05

me parece que te referis a que trás el reemplazo la primera linea te queda
-
con tan solo un guión, poruqe tu texto efectivamente empieza con uno, podés reemplazar la expresión por esta

var n=str.replace(/\-/g,"<br />-");

y te quedarían todas lineas comenzando por guion, o simplemente usar
var n=str.replace(/\-/g,"<br />");
y eliminar lo guiones

otra variante sería, antes de hacer los reemplazos como hice arriba, quitarle el guion inicial con
var n = str.substring(1);

un detalle, en mi código hay un pequeño error, yo puse para emular el texto

Código HTML:

Ver original<p id="demo">
- 3 o 4 mazorcas de maíz morado - 1 litro y medio de agua - 1 cáscara de piña Entera - 10 gramos de clavo - 10 gramos de canela - 2 limones - azúcar al gusto</p>

debería ser

Código HTML:

Ver original<p id="demo">- 3 o 4 mazorcas de maíz morado - 1 litro y medio de agua - 1 cáscara de piña Entera - 10 gramos de clavo - 10 gramos de canela - 2 limones - azúcar al gusto</p>

es decir eliminando esa linea en blanco después del <p id="demo">, que equivale a \n, y se considera un caracter a la hora de hacer el substr()

SAludos

jlvo1990 · #5 (**permalink**) 06/01/2013, 23:24

muchas gracias amigo funciona todo perfecto