突出显示与记录集中的数组匹配的键入文本.当鼠标悬停在高亮显示的文本上时创建qTip



我知道如何处理这个问题,但是我的jQuery技能不太好。任何帮助都将非常感谢!下面是我要做的:

1)我有一个现有的文本区,用户可以输入文本

2)我有一个现有的数据库表的字符串对(string1, string2)

3)我希望能够突出显示所有字符串(也许应用<span class="highlight"></span>与背景色或斜体在我的css),因为用户将它们输入到文本区域匹配任何string1结果从数据库(字符串可以是一个词或多个词短语,但不会是一个词的一部分)。当用户将鼠标悬停在突出显示的字符串上时,相应的string2将出现在基本的qTip2中。

4)如果用户更改了文本,如果它不再匹配string1中的一行,则高亮显示和qTip将消失。

5)我设想在每次调用页面时使用PHP json_encode从mysql_fetch_assoc recordset创建一个json数组,该数组将包含string1和string2数据,因为string1和string2数据是动态的。

您的问题有点复杂,但作为起点,您可能想看看Craig在qTip网站上的Google翻译演示,该演示完成了您所问的一些内容。当用户高亮显示一个单词时,它会对选中的项目进行Google翻译,并在qTip:

中显示翻译结果。

http://www.craigsworks.com/projects/qtip2/demos/翻译

最新更新