1

Tenho um textarea onde preciso adicionar textos predefinidos que estão meus links. Quando clicar nos mesmos, seja adicionado o conteúdo do ID na posição atual do cursor no textarea. Necessito fazer isso com jQuery.

Exemplo: https://jsfiddle.net/e7kva60d/

1 Resposta 1

1

Setar o conteúdo no id do campo não seria a melhor escolha. Lembrando que a função do id é guardar o identificador do seu campo para manipular o mesmo. para resolver seu problema e ficar mais semântico, aconselharia utilizar um campo data para guardar o valor conforme abaixo:

HTML:

<textarea name="descricao" class="form" rows="9"></textarea>
<a href="#" data-message="Bom dia, como voce esta?">Saudação</a>
<a href="#" data-message="texto do exemplo numero 2">Exemplo 2</a>
<a href="#" data-message="texto do exemplo numero 3">Exemplo 3</a>
<a href="#" data-message="texto do exemplo numero 4">Exemplo 4</a>

JavaScript:

function setarValor() {

    var menssagem = $(this).data('message'); //Pego a menssagem do campo data

    var textAreaPosition = $('textarea').prop("selectionStart"); //pego a posição do cursor no textarea

    var textAreaValue = $('textarea').val(); // pego valor do text area 

    var valorConcatenado = [textAreaValue.slice(0, textAreaPosition), menssagem, textAreaValue.slice(textAreaPosition)].join(''); // faço a concatenação da menssagem na posição

    $('textarea').val(valorConcatenado); //seto valor no textarea
}

//Ele execulta após toda a pagina ser renderizada
$(document).ready(function () {

    //seto de click nos seus links
    $('a').click(setarValor);
});

Segue jsfiddle da alteração

12
  • 1
    ficaria assim jsfiddle.net/buh159/e7kva60d/1
    – Brunno
    Commented 3/09/2015 às 1:09
  • 1
    tem sim.. olhe nesse link jsfiddle.net/buh159/e7kva60d/3 se for isso atualizo o post acima
    – Brunno
    Commented 3/09/2015 às 1:12
  • 1
    Eu não entendi o que você quis dizer com onde está posicionado o mouse.. poderia explicar :D Seria o conteúdo do link ?
    – Brunno
    Commented 3/09/2015 às 1:17
  • 1
    acho que entendi, vou implementar ..
    – Brunno
    Commented 3/09/2015 às 1:23
  • 1
    hahaha' que bom que deu certo.. se precisar estamos ai.. não esquece de fechar a pergunta :D
    – Brunno
    Commented 3/09/2015 às 1:43

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .