TextArea + включить hightlighting и выбор

Question

Я получил выше текстовое поле будучи заселен Jquery KeyUp, Ajax, PHP и MySQL. Теперь я должен иметь возможность разрешить наведение мыши, когда линия с указателем мыши будет подсвечена, указатель курсора: указатель и сможет выбрать один и отобразить его на приведенном выше входе.

Я не уверен, как начать эту часть. Может кто-нибудь дать мне толчок в правильном направлении?

Thankyou

Answer 1

Это гораздо лучше и легче преобразовать, что textarea в список и преобразовать каждую строку текста в текстовом поле в качестве элементов списка:

var text = $('#text').html().split('\n'); 
var list = $('<ul></ul>'); 
$.each(text, function(k, v) { 
    if (v != '') { 
     $('<li>' + '<input type="text" id="' + k + '" value="' + v + '" />').appendTo(list); 
    } 
}); 
$('#text').replaceWith(list); 

см this пример.

затем:

зарегистрировать обработчик событий для mousemove() на элемент списка и использовать target, чтобы получить парил пункт:

$('#listElement').mousemove(function(e) { 
    $('#textBoxElement).val($(e.target).val()); 
}); 

см this демо.

и, наконец, положить их together.