TextArea + enable hightlighting and selection

I've got the above textarea being populated by jquery keyup, ajax, php and mysql. I now need to be able to allow a mouse over affect when the line with the mouseover will be highlighted, cursor:pointer and be able to select one and have it appear in the above input.

I'm not sure how to even start this part. Can someone give me a push in the right direction?



It's much better and easier to convert that textarea to a list and convert each line of text to a text box as list items:

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);

see this example.


register an event handler for mousemove() on the list element and use target to get hovered item:

$('#listElement').mousemove(function(e) {

see this demo.

and finally put them together.

Need Your Help

Real time scripting language + MS DLR?

scripting xbap dynamic-language-runtime

For starters I should let you guys know what I'm trying to do. The project I'm working on has a requirement that requires a custom scripting system to be built. This will be used by non-programme...

Software Design & Web Service Design

c# asp.net web-services api software-design

I'm about to design my Web service API, most of the functions of my API is basically very simular to my web application.

About UNIX Resources Network

Original, collect and organize Developers related documents, information and materials, contains jQuery, Html, CSS, MySQL, .NET, ASP.NET, SQL, objective-c, iPhone, Ruby on Rails, C, SQL Server, Ruby, Arrays, Regex, ASP.NET MVC, WPF, XML, Ajax, DataBase, and so on.