0

我将从代码开始

<form name='form 1' action='$action'>
input tags
<table>
some tr tags along with td tags
and after some lines in the same table under a td tag
<td>
<a href="javascript:void(0);" onclick="return overlib('<FORM name=\'form 2\' action=\'$action\'>....code for this form.....</FORM>');">XYZ</a>
</td>
....
....
</table>
</form>

如您所见，我使用overLib创建了一个内联弹出窗口。当您单击“XYZ”时，这将返回一个表单。它工作正常。

现在我想使用其他一些 jQuery 插件，我尝试了 jQuery Hovercards、jQuery tooltip 等。但我面临的问题是这些插件没有像 overLib 这样的弹出功能。他们基本上使用“hiddendiv”并在您将鼠标悬停在“XYZ”上时显示它（当您将鼠标悬停在XYZ上时应该返回表单）但它不返回表单，为什么？因为如果你仔细注意到 thisform 2在 insideform 1并且你知道你不能使用forminside another form。它在 overLib 案例中运行良好，因为它正在创建一个弹出窗口。

现在我正在寻找一个 overLib 替代方案，它可以创建一个弹出窗口，以便我可以在该弹出窗口中返回一个表单。是否有任何具有内联弹出功能的工具提示插件？或者我如何调整这个 HTML 代码以允许表单内的表单？

4

2 回答 2

0

没有找到任何相关的插件，所以我创建了一个简单的 jQuery 弹出窗口。这个答案帮助了我。

于 2012-11-08T04:47:45.423 回答
0

尝试替换此代码

<a href="javascript:void(0);" onclick="return overlib('<FORM name=\'form 2\' action=\'$action\'>....code for this form.....</FORM>');">XYZ</a>

有了这个

<a href="javascript:void(0);" onclick="return overlib('\<FORM name=\'form 2\' action=\'$action\'\>....code for this form.....\</FORM\>');">XYZ</a>

我试过了，效果很好。

于 2012-11-06T07:47:52.163 回答