Question

我有一个基于html的简单文件，如下所示：

atan2(norm(cross(A,B)),dot(A,B))

我是网络新手，我想知道如何做到这一点：当用户将鼠标悬停在我学校教师专栏下的一段文字时（我和＃39;我不会链接我的学校页面，因为如果我从我的学校做某人可能会创建这个扩展名）。我希望它显示ratemyproff评级。

我不知道如何做到这一点，因为我真的不知道在谷歌搜索什么做这样的事情？

我知道像这样的图像有CSS叠加： https://www.w3schools.com/howto/howto_css_image_overlay.asp

但在我的情况下，我不能保证会列出哪些教授（我只是想了解做这些事情的基本过程）。

我不认为我可以使用PHP，因为这需要我最终要与之分享的用户也要安装php / server端。我想我只是不知道如何做这样的事情，并且不知道该在互联网上搜索什么？

Answer 1

第一步：

当在可搜索的文本上方悬停时，使用某些内容获取文本并存储在javascript变量中，为此，请将文本放在document.getElementById("id").onKeyDown = function(event) {if (event.keycode === 13) alert("return pressed";)};

这样的单个节点中

您可以执行以下操作来获取节点值http://jsfiddle.net/5gyRx/

第二步：

在容器div中添加一个空节点<span class="searchable">This text is searchable</span>.，该节点将用于显示有关该文本的已获取详细信息。

第三步：

使用JavaScript / jQuery使用您从第一步获得的文本触发Ajax调用，并使用此数据填充先前创建的空节点。

Answer 2

如果您要求数据的网站不在您的控制之下，那么由于CORS，很可能无法在没有后端的情况下执行此操作，这基本上禁止网站A加载来自网站B的数据。网站B必须给你特别许可。你可以在这里阅读：https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS

但是，如果您能够访问这些页面，或者您决定使用后端，那么您要查找的术语是ajax。

您的脚本可能是什么样子的大致轮廓是：

为这些学校元素添加一个班级名称。
同时为这些元素添加data attribute，以存储获取所需信息所需的数据（例如网址或学校名称或ID）。
在JS中，设置一个触发器，以便当具有该类名的内容被覆盖时，会向URL发出ajax请求以获取您要查找的数据。
如果ajax请求成功，请显示您要在页面上设置的容器中显示的数据。
就设置要显示的容器而言，最简单的方法是为每个列表添加一个空容器，然后填充数据。

如果您是所有这些的新手，我建议使用jQuery。您可以在此处找到ajax文档：http://api.jquery.com/jquery.ajax/

将鼠标悬停在文本上时创建叠加层

2 个答案: