如何在HTML中打开带有锁定剩余屏幕的弹出窗口?
我试图在我的屏幕上打开一个弹出窗口,在那里我可以锁定剩余屏幕,这样用户只能从我的弹出窗口中选择一些内容,或者可以取消弹出窗口。 基本上,我需要将jsp表单中的一些值传递给弹出窗口,我已经这样做了,但是我还需要锁定剩余的屏幕,这是我目前无法做到的。 谢谢 这就是我调用jQuery的方式如何在HTML中打开带有锁定剩余屏幕的弹出窗口?,html,Html,我试图在我的屏幕上打开一个弹出窗口,在那里我可以锁定剩余屏幕,这样用户只能从我的弹出窗口中选择一些内容,或者可以取消弹出窗口。 基本上,我需要将jsp表单中的一些值传递给弹出窗口,我已经这样做了,但是我还需要锁定剩余的屏幕,这是我目前无法做到的。 谢谢 这就是我调用jQuery的方式 <a href="#" class="modalInput" rel="#prompt">Download</a> 这是我的剧本 <script> $(document)
<a href="#" class="modalInput" rel="#prompt">Download</a>
这是我的剧本
<script>
$(document).ready(function() {
var triggers = $(".modalInput").overlay({
mask: {
color: '#555555',
loadSpeed: 200,
opacity: 0.9
},
closeOnClick: false
});
var buttons = $("#yesno button").click(function(e) {
var yes = buttons.index(this) === 0;
triggers.eq(0).html("You clicked " + (yes ? "yes" : "no"));
});
$("#prompt form").submit(function(e) {
triggers.eq(1).overlay().close();
var input = $("input", this).val();
triggers.eq(1).html(input);
return e.preventDefault();
});
});
</script>
这是我的表格
<font face=arial bgcolor=""><b><center>
<form id="myForm" name="myForm" method="post" action="SentMail" onsubmit="return validateForm(this)">
<div class="modal" id="prompt" >
<div id="">
<table width="100%" border="0" cellspacing="0" cellpadding="5" align="center">
<tr>
<td align="right" valign="middle"> </td>
<td align="right" valign="middle"><span style="color:#F00">*</span> Mandotary Field</td>
</tr>
<tr>
<td width="28%" align="right" valign="middle"><strong>Name:</strong><span style="color:#F00">*</span></td>
<td width="72%" align="left" valign="middle"><label for="textfield"></label>
<div class="out-border">
<input name="name" type="text" class="comm-text" id="name" style="width:250px" placeholder="Name"/></div></td>
</tr>
<tr>
<td align="right" valign="middle"><strong>Email:</strong><span style="color:#F00">*</span></td>
<td align="left" valign="middle"><label for="textfield2"></label>
<div class="out-border">
<input name="Email" type="text" class="comm-text" id="Email" style="width:250px" placeholder="Email"/></div></td>
</tr>
<tr>
<td align="right" valign="middle"><strong>Contact No.:</strong></td>
<td align="left" valign="middle"><label for="textfield2"></label>
<div class="out-border">
<input name="contact" type="text" class="comm-text" onkeypress="return isNumberKey(event)" maxlength="10" id="contact" style="width:250px" placeholder="Contact Number"/></div></td>
</tr>
<tr>
<td align="left" valign="middle"> </td>
<td align="left" valign="middle"><input type="submit" name="signIn" value="Submit" class="button green"> </input>
<input type="button" name="signIn" value="Close" class="close"> </input></td>
</tr>
</table>
</div></div>
</form>
</center></b></font>
您可能需要查看-尤其是和选项。我猜您使用的是window.open。使用window.showModalDialog这个主意不好,用户会讨厌它,可能会离开你的网站。你要找的是一个模式弹出窗口。你在使用jQuery UI吗?如果是这样的话,你可以使用一个模态对话框,如果你正在使用其他东西…只要选择一个rando模态对话框实现。当你点击下载纸时,我需要在这里做类似的事情,然后你会被要求输入你的电子邮件id和名称。我需要做一些事情,比如this@Adriano是的,我正在使用JQuery,但我无法通过iti发送我的值。我正在使用JQuery,但它不允许将值从我的jsp页面发送到该对话框。那么,您在标记中做了一些错误的事情。JSP是一种服务器语言,不应该对JavaScript标记产生任何影响,因为它是在浏览器中运行的。