Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

gaspartx

Adicionar valor ao final da linha <textarea>

Recommended Posts

Olá, estou desenvolvendo um painel para eventos e preciso de uma ajudinha com uma função.

 

Tenho um sistema de Legenda, e para cada convidado teria que adicionar essa legenda depois do nome dele automaticamente em um <textarea>

 

Por exemplo.. O campo textarea o usuário iria digitar:

Antonio Fernandes

 

e automaticamente ao dar enter e passar para próxima linha iria adicionar a legenda dele no fim do nome:

Antonio Fernantes [TST]

 

Acho que seria possível fazer uma função em JavaScript, mas eu não tenho a minima ideia de por onde começar, pois minha área é PHP.

 

Gostaria da ajuda de vocês,

Obrigado (;

Compartilhar este post


Link para o post
Compartilhar em outros sites

I aew cara, bom eu faria isso com o evento keyup, da uma pesquisada no google e depois posta o que vocẽ conseguiu fazer, abraço!

 

Acho que seria possível fazer uma função em JavaScript, mas eu não tenho a minima ideia de por onde começar, pois minha área é PHP.

cara, sua área é programação, você trabalhado com WEB, acho que faz parte da sua competência saber javascript.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Dei uma pesquisada, mas mesmo assim não consegui nem achar a base para desenvolver o script. Meu nivel em JavaScript é muito baixo, não sou um profissional ainda, mas pretendo me especializar na area.

 

Se alguém pudesse me ajudar com o código eu agradeceria muito!

Compartilhar este post


Link para o post
Compartilhar em outros sites

i aew cara, bom existem varias maneiras de se fazer, essa é uma delas:

function addLabel(e){
	var keyCode = ('keyCode' in e) ? e.keyCode : e.charCode;
	if (keyCode == 13){
		var rows = e.target.value.split(/ \[TST\]\n/g);
				
		if (rows[rows.length-1] != ''){
			rows.push('');
			e.target.value = rows.join(' [TST]\n');
		}
		e.preventDefault();	
	}
}
		
window.addEventListener('load', function(e){
	document.getElementById('inp_ta').addEventListener('keypress',addLabel);
});

e o html:

<textarea id='inp_ta' cols="30" rows="6"></textarea>

 

essa maneira que coloquei acho que funciona bem no FF e Chrome, não testei em outros navegadores, espero que ajude abraço!

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.