jQuery textarea - insérer la position du curseur motif

Question

Dans une zone de texte comment insérer le modèle name à côté de la position du curseur à l'aide jQuery et après quoi le curseur doit être selon le modèle: Cela devrait se faire sur le bouton cliquez sur

 <input type="button" value="insert pattern" > 
    <textarea rows="10" id="comments">INSERT The condition</textarea> 

Answer 1

Veuillez voir this answer. C'est là que j'ai eu la méthode insertAtCaret(). Je suis allé de l'avant et accroché à votre bouton ... je ne sais pas exactement ce que vous voulez dire par "le motif name." Est-ce une chose SQL? Est-ce basé sur un champ de saisie précédent en HTML? Difficile d'aider plus loin que cela sans plus de détails.

function insertAtCaret(areaId,text) { 
    var txtarea = document.getElementById(areaId); 
    var scrollPos = txtarea.scrollTop; 
    var strPos = 0; 
    var br = ((txtarea.selectionStart || txtarea.selectionStart == '0') ? 
     "ff" : (document.selection ? "ie" : false)); 
    if (br == "ie") { 
     txtarea.focus(); 
     var range = document.selection.createRange(); 
     range.moveStart ('character', -txtarea.value.length); 
     strPos = range.text.length; 
    } 
    else if (br == "ff") strPos = txtarea.selectionStart; 

    var front = (txtarea.value).substring(0,strPos); 
    var back = (txtarea.value).substring(strPos,txtarea.value.length); 
    txtarea.value=front+text+back; 
    strPos = strPos + text.length; 
    if (br == "ie") { 
     txtarea.focus(); 
     var range = document.selection.createRange(); 
     range.moveStart ('character', -txtarea.value.length); 
     range.moveStart ('character', strPos); 
     range.moveEnd ('character', 0); 
     range.select(); 
    } 
    else if (br == "ff") { 
     txtarea.selectionStart = strPos; 
     txtarea.selectionEnd = strPos; 
     txtarea.focus(); 
    } 
    txtarea.scrollTop = scrollPos; 
} 


$(document).ready(function(){ 
    $("#insertPattern").click(function(){ 
    insertAtCaret("comments","name"); 
    }); 
});​ 

Ensuite, dans votre code HTML:

<input id="insertPattern" type="button" value="insert pattern" /> 
    <textarea rows="10" id="comments">INSERT The condition</textarea> 

Hope this helps!