我正在编写一个脚本来创建当用户悬停在热点上时弹出的工具提示。现在,我的具体用途是自动附加带有工具提示的圣经参考,很像通过Logos(http://reftagger.com/#download)的RefTagger。我正在写我自己的脚本-而不是使用RefTagger-因为1)我喜欢编程,我花了几个小时来完成它,2)这是完全自定义工具提示外观以匹配我正在创建的网站的最简单方法。
现在,RefTagger所做的事情我似乎无法理解(在盯着他们的source code两天之后!)!我是编程新手,有时很难跟踪使用字母作为变量的程序)是RefTagger中的JavaScript可以自动检测是否将圣经引用放在文本中,并围绕它格式化工具提示。. . 更不用说神秘的隐藏圣经,它从一开始就从诗句。
我不确定程序是否遍历DOM以找到引用或什么,但我能找到的最接近的是给对象“b”的“traverseDOM”方法。
我不太确定我在这里是否有意义,但如果有任何帮助,我将不胜感激,下面是一个例子:

<html>
<body>
<p>Rom 3:23</p>

<!-- RefTagger from Logos. Visit http://www.logos.com/reftagger. This code should appear directly before the </body> tag. -->
<script src="referenceTagging.js" type="text/javascript"></script>
<script type="text/javascript">
    Logos.ReferenceTagging.lbsBibleVersion = "ESV";
    Logos.ReferenceTagging.lbsLinksOpenNewWindow = true;
    Logos.ReferenceTagging.lbsLogosLinkIcon = "dark";
    Logos.ReferenceTagging.lbsNoSearchTagNames = [ "h2", "h3", "h3" ];
    Logos.ReferenceTagging.lbsTargetSite = "biblia";
    Logos.ReferenceTagging.tag();
</script>
</body>
</html>

这应该会出现在链接形式的Rom 3:23中,然后将鼠标悬停在上面通常会显示工具提示,但对我来说,它一直在说它无法加载引用,我也不知道为什么会发生这种情况。无论如何,我很想知道RefTagger中的JavaScript如何检测HTML文本中的圣经引用。我真的希望不是很明显:P
谢谢!

最佳答案

如果需要从标题或类生成工具提示
http://flowplayer.org/tools/tooltip/index.html
http://craigsworks.com/projects/qtip/
如果您需要知道为什么使用reftagger的示例不起作用,请阅读以下内容
http://reftagger.com/#customize
为什么不起作用?
检查以确保JavaScript代码在页脚中,最好是在关闭</body>标记之前。RefTagger只会在JavaScript代码之前的文本中搜索引用。
确保浏览器支持JavaScript,并且在浏览器设置中启用了JavaScript。
检查是否限制RefTagger搜索圣经引用出现的HTML标记。例如,如果引用以粗体<b>标记出现,请确保没有从首选项中的标记列表中选择粗体。
在本地计算机上测试HTML页时,RefTagger可能无法工作。如果尚未将其配置为web服务器,则可能会看到消息“对不起”。当鼠标悬停在引用超链接上时,此时无法加载此引用。将代码加载到您的网站并在那里进行测试。

09-25 14:17