Comment sélectionner une ligne de texte dans le textarea

J'ai un textarea qui est utilisé pour contenir massive des scripts SQL pour l'analyse. Lorsque l'utilisateur clique sur "Analyser" bouton, ils obtiennent des renseignements sommaires sur le script SQL.

Je voudrais le résumé d'informations pour être cliquable, de sorte que, lorsqu'il est cliqué, la ligne du script SQL est mis en évidence dans le textarea.

J'ai déjà le numéro de la ligne dans la sortie de sorte que tout ce que je besoin est le javascript ou jquery qui l'informe de la ligne de la zone de texte à mettre en évidence.

Est qu'il existe un type de "goToLine" fonction? Dans toutes mes recherches, rien ne les adresses de ce que je suis à la recherche d'.

Par la manière, tout ce qui est contenu sur une seule page. Pas de "soumet" ou quoi que ce soit.
commencez ici stackoverflow.com/questions/646611/... ou stackoverflow.com/questions/1712417/... ensuite, vous devez analyser la façon dont votre bouton (pas de code fourni) ne sait d'où le choix doit être

OriginalL'auteur Flat Cat | 2012-11-30

  1. 23

    Cette fonction attend en paramètre à la référence de votre textarea et le deuxième paramètre le numéro de la ligne

    function selectTextareaLine(tarea,lineNum) {
    lineNum--; //array starts at 0
    var lines = tarea.value.split("\n");

    //calculate start/end
    var startPos = 0, endPos = tarea.value.length;
    for(var x = 0; x < lines.length; x++) {
        if(x == lineNum) {
            break;
        }
        startPos += (lines[x].length+1);

    }

    var endPos = lines[lineNum].length+startPos;

    //do selection
    //Chrome /Firefox

    if(typeof(tarea.selectionStart) != "undefined") {
        tarea.focus();
        tarea.selectionStart = startPos;
        tarea.selectionEnd = endPos;
        return true;
    }

    //IE
    if (document.selection && document.selection.createRange) {
        tarea.focus();
        tarea.select();
        var range = document.selection.createRange();
        range.collapse(true);
        range.moveEnd("character", endPos);
        range.moveStart("character", startPos);
        range.select();
        return true;
    }

    return false;
}

    Utilisation:

     var tarea = document.getElementById('myTextarea');
 selectTextareaLine(tarea,3); //selects line 3

    De travail exemple:

    http://jsfiddle.net/5enfp/

    Qui est incroyablement fantastique. Merci beaucoup!
    Si, pour quelque raison que vous vous trouvez avoir besoin pour désélectionner la sélection: window.getSelection().removeAllRanges()
    Je n'ai aucune idée pourquoi, mais le jsfiddle n'est pas la sélection de la ligne de texte, il n'est pas de travail.
    Il n'a pas de travail pour moi aussi, j'ai enlevé mootools et il a commencé à travailler. Si vous ne pouvez pas supprimer mootools puis le remplacer avec jquery.
    Oui, j'ai ajouté jquery au lieu de mootools et cela a fonctionné, merci.

    OriginalL'auteur lostsource

  2. 2

    Le code dans le post de darkheir ne fonctionne pas correctement. Basé sur ce j'ai raccourci le code et il fonctionne.

    

    function onClickSelection(textarea){
        if(typeof textarea.selectionStart=='undefined'){
            return false;
        }
        var startPos=(textarea.value.substring(0,textarea.selectionStart).lastIndexOf("\n")>=0)?textarea.value.substring(0,textarea.selectionStart).lastIndexOf("\n"):0;
        var endPos=(textarea.value.substring(textarea.selectionEnd,textarea.value.length).indexOf("\n")>=0)?textarea.selectionEnd+textarea.value.substring(textarea.selectionEnd,textarea.value.length).indexOf("\n"):textarea.value.length;
        textarea.selectionStart=startPos;
        textarea.selectionEnd=endPos;
        return true; 
    }
    votre startPos sélectionné également le caractère \n de la ligne précédente, en ajoutant +1 fixe le travail (textarea.value.substring(0, textarea.selectionStart).lastIndexOf("\n") >= 0) ? textarea.value.substring(0, textarea.selectionStart).lastIndexOf("\n") + 1 : 0;

    OriginalL'auteur Sven Huber

  3. -1

    Comment sélectionner une ligne de texte dans le textarea javascript double-cliquez sur la ligne en particulier. 

    //This function expects first parameter to be reference to your textarea. 
function ondblClickSelection(textarea){
    var startPos = 0;
    var lineNumber = 0;
    var content = "";
    if(typeof textarea.selectionStart == 'undefined') {
        return false;
    }
    startPos = textarea.selectionStart;
    endPos = textarea.value.length;
    lineNumber = textarea.value.substr(0,startPos).split("\n").length - 1;
    content = textarea.value.split("\n")[lineNumber];
    var lines = textarea.value.split("\n");
    var endPos = lines[lineNumber].length+startPos;
    textarea.selectionStart = startPos;
    textarea.selectionEnd = endPos;
    return true; 
}

    OriginalL'auteur