如何使文本中的每个单词都可单击并将其发送到脚本

Question

我有一个例子

"快速的棕色狐狸跳过懒狗.快速的棕色狐狸跳过懒狗.快速的棕色狐狸跳过懒狗.快速的棕色狐狸跳跃

在懒狗身上."

当我点击单词时,我必须从XML或mysql获取有关此单词的数据.

我如何能使每个单词处于活动状态以进行单击并将其发送到另一个脚本

例如:我点击狗,在新窗口中我获得有关狗的信息？关于狐狸的狐狸？每个单词都必须是可点击的

任何想法,链接或例子？

使用php,mysql,jquery,ajax

Answer 1

将每个单词包装在自己的跨度中,可能使用CSS类将它们区分为"单词跨度".为该类的所有跨度添加悬停处理程序,该处理程序提取内容并执行ajax请求以获取与该单词关联的数据.如果你得到一些数据,则弹出一个DIV("提示"),其中包含与鼠标位置相关的信息,并且有一个z-index,允许它在其余内容上浮动.当鼠标不在跨度上时,删除相关的"提示".

jQuery有各种各样的"tip"插件,你可以很容易地适应这个要求.

<span class="word">the</span> <span class="word">quick</span> ...

// use a ficticious tooltip plugin that uses gettip.php and passes
// the content of the DOM element as a parameter
$('span.word').tooltip({ url: '/gettip.php' });

注意:您可能只想对感兴趣的单词执行此操作,而不是对页面上的每个单词执行此操作.也就是说,有一个需要工具提示的单词字典,只包含字典中存在的页面上的单词.使用每个可能的单词来做这一点是没有意义的(除非它是一个语法应用程序).