Quebra de linha com Jquery

[Cadmiel Jorge]

boa noite, 

galera estou desenvolvendo um sistema onde tem um formulário onde usuário vai escrever num textarea, as características da empresa, separado por virgula, essas informações eu guardo no banco de dados, até ai tudo certo, minha dúvida é na hora de exibir essas características  alguém sabe como dividir elas de forma numérica, de tal foma que cada característica da empresa fique numa linha com o jquery ?

Exemplo, usuario escreve:

ferramentas exclusivas de analise, link entre pessoas e negocios e Star up.

Exemplo de como deve ser exibido:

1 - ferramentas exclusivas de analise

2 - link entre pessoas e negocios

3 - Star up

não sei se deu para entender minha dúvida, não necessariamente tem que numerar mas precisa ser algum parecido ao exemplo  na hora de exibir do banco, alguém poderia me dar uma luz?

[Luciano Borges]

Primeiro vc dá um split na string, o resultado cai num vetor, daí vc percorre o vetor e concatena o conteúdo com <li>.

Obs: O problema é o último item que está separado com "e" e não com vírgula. Talvez o melhor seja orientar a digitação, com alguma mensagem de confirmação ou coisa do tipo.

--
Grupo de jQuery Brasil.
 
REGRAS: https://docs.google.com/document/d/1VfvTDmeHTSj-L5ouZJjQQ4OkjTCU1Hr2XtPYBNGVHH4/edit
 
USE O JSBIN.COM / JSFIDDLE.NET PARA CÓDIGOS.
 
Email: jque...@googlegroups.com
Biba: jquery-br+...@googlegroups.com
Site: http://groups.google.com/group/jquery-br?hl=pt-BR

--
Luciano Borges

[Cadmiel Jorge]

humm entende então essa é minha dificuldade inclusive to pensando tb em deixar em vez de textarea usar input e ao lado colocar um botão para add mais mais input's ou seja input dinamico porem não sei se fica legal preciso fazer algum pratico para o usuário.

[Luciano Borges]

nem sempre o mais prático para o usuário é mais fácil para o desenvolvedor ... risos ...

Ao invés de vários inputs, ao terminar de digitar cada item e o cara pressionar o Enter, daí, vc adiciona o texto digitado na lista logo abaixo do input, e coloca uma opção do usuário excluir um item da lista. Nesse caso vc tem que capturar o evento do apertar o Enter para evitar que o formulário seja submetido.

[Gilton Guma]

Minha sugestão:

- Crie 1 input (texto) e 1 select (textos_adicionados)

- O cliente só escreve e pressiona ENTER e vai adicionando (append) no select, depois é só varrer o select ($.each()).

- Pode criar um botão "adicionar" e botões para remover 1 item e 1 para remover todos os itens do select, visando a usabilidade do sistema.

Enfim, fica ai minha dica! ;)

[Cadmiel Jorge]

é então @Gilton essa é uma das saídas que eu havia pensado. só que esse input's dinâmicos seria um array...é uma das formas de eu resolver meu problema.

--

[Vitor Britto]

Jorge,

Veja se este exemplo te ajuda: http://jsbin.com/obedix/1/edit

Abs!

Em segunda-feira, 26 de novembro de 2012 22h33min46s UTC-2, Cadmiel Jorge escreveu:

[Cadmiel Jorge]

isso mesmo que eu preciso @Vitor Britto  agora vou ver se consigo implementar nesse script para quando o usuário der enter ou digitar a "e" dar uma quebra de linha sabe ? Na verdade o que queria dizer é criar também um li quando ele der enter ou digitar e.

--

[Gladson Simplício Brito]

Este aqui:

https://github.com/wuyuntao/jquery-autosuggest

[Vitor Britto]

Jorge,

Modifique a linha: 

preview.html('<li>' + data.replace(/,/g,"<li>"));

para 

preview.html('<li>' + data.replace(/,/g,"<li>").replace(/ e /g,"<li>").replace(/\n/g,"<li>"));


Abs!

[Cadmiel Jorge]

blz valeu fuincionou perfeitamente, valeu mesmo @Vitor Britto. vlw

[Vitor Britto]

Tranquilo, Jorge!

Abs!