2011-12-17 36 views
0

enter image description here文本区+启用hightlighting和选择

我已经得到了上面的文字区域的jQuery KEYUP,AJAX,PHP和MySQL正在填充。 我现在需要能够在鼠标悬停的行被突出显示时允许鼠标悬停,鼠标光标:指针,并且能够选择一个,并使其出现在上面的输入中。

我不知道如何开始这部分。 有人能给我一个正确的方向推?

三江源

回答

0

这是更好,更容易的文本的每一行转换是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