打开html模式对话框

时间:2010-01-04 13:02:25

标签: javascript html modal-dialog

我需要在模态窗口中获取以下内容。我今天已经尝试了一段时间。 在打开的模态窗口中,无法访问背景主体内容,在重新加载页面上,模式弹出窗口应该关闭,保留文本区域的内容。

<a href="" id="link">Open Popup</a>
<table>
    <tr width="10%">
        <td>
            <TEXTAREA name="text1" id="text1" rows="15" cols="65" onscroll="sync();" spellcheck="false"></TEXTAREA>
        </td>
        <td>
            <TEXTAREA Name="text2" id="text2" rows="15" cols="65"  spellcheck="false"></TEXTAREA>
        </td>
    </tr>
    <tr width="90%">
        <td></td>
    </tr>
</table>
<input type="button" value="Compile" onclick="stat('')"/>
<input type="button" value="Reload Page" onClick="window.location.href=window.location.href">

4 个答案:

答案 0 :(得分:1)

我想你可以试试moodalbox。它使用mootools这是一个javascript框架。它应该比你想要尝试的更快更好。只需在Google上搜索模式html就可以为您提供更多选择: - )

答案 1 :(得分:0)

Internet Explorer有一个打开Modal弹出窗口的概念,但其他浏览器没有。

我认为最简单的解决方案是使用内联DIV导向方法而不是弹出窗口。

有许多现成的解决方案可供选择,例如基于JQUery的对话框窗口this list

答案 2 :(得分:0)

使用http://jquery.com/demo/thickbox/代替Modal Popups,Modal弹出窗口不能用于FF。

答案 3 :(得分:0)

您可以简单地使用ModaliseJS,这简化了模式的使用。

模态由隐藏的HTML元素组成,该元素显示某些操作。

Modalise闪电般快速,不需要任何其他库。