Skip to main content
adicionou 394 caracteres ao conteúdo
Fonte Link
Brunno
  • 3,3mil
  • 3
  • 18
  • 34

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 setarValorData 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(''); //seto ofaço a concatenação da menssagem na posição
        
    $('textarea').val(valorConcatenado); //seto valor no seu textarea
}

//Ele execulta após toda a pagina ser renderizada
$(document).ready(function () {
    
    //seto de click nos seus links
    $('a').click(setarValorDatasetarValor);
});

Segue jsfiddlejsfiddle da alteração

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 setarValorData () {
    var menssagem = $(this).data('message'); //Pego a menssagem do campo data
    
    $('textarea').val(menssagem); //seto o valor no seu textarea
}

//Ele execulta após toda a pagina ser renderizada
$(document).ready(function(){
    
    //seto de click nos seus links
    $('a').click(setarValorData);
});

Segue jsfiddle da alteração

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

adicionou 87 caracteres ao conteúdo
Fonte Link
Brunno
  • 3,3mil
  • 3
  • 18
  • 34

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 setarValorData () {
    var menssagem = $(this).data('message'); //Pego a menssagem do campo data
    
    $('textarea').val(menssagem); //seto o valor no seu textarea
}

//Ele execulta após toda a pagina ser renderizada
$(document).ready(function(){
    
    //seto de click nos seus links
    $('a').click(setarValorData);
});

Segue jsfiddle da alteração

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 setarValorData () {
    var menssagem = $(this).data('message'); //Pego a menssagem do campo data
    
    $('textarea').val(menssagem); //seto o valor no seu textarea
}

//Ele execulta após toda a pagina ser renderizada
$(document).ready(function(){
    
    //seto de click nos seus links
    $('a').click(setarValorData);
})

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 setarValorData () {
    var menssagem = $(this).data('message'); //Pego a menssagem do campo data
    
    $('textarea').val(menssagem); //seto o valor no seu textarea
}

//Ele execulta após toda a pagina ser renderizada
$(document).ready(function(){
    
    //seto de click nos seus links
    $('a').click(setarValorData);
});

Segue jsfiddle da alteração

Fonte Link
Brunno
  • 3,3mil
  • 3
  • 18
  • 34

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 setarValorData () {
    var menssagem = $(this).data('message'); //Pego a menssagem do campo data
    
    $('textarea').val(menssagem); //seto o valor no seu textarea
}

//Ele execulta após toda a pagina ser renderizada
$(document).ready(function(){
    
    //seto de click nos seus links
    $('a').click(setarValorData);
})