弹出对话框的同时保持页面的显示

在很多网站中大家会经常看到用后台代码弹出对话框的问题，常用的解决方法是通过JavaScript来弹出对话框，可问题是当页面弹出对话框时，页面却是一片空白。这里讲述的就是如何弹出对话框的同时保持页面的显示。

【原理】
在页面上放置一隐藏控件，并在页面最后放上一段脚本代码，脚本代码检测隐藏控件的value是否为空，若不为空则弹出对话框显示信息，否则什么也不做。
后台代码在需要的时候修改隐藏控件的value，这样当页面传到用户那时，最后的脚本代码将执行并弹出对话框。

【注意事项】
1.隐藏控件必须是HTML控件，否则javascript无法找到。
2.后台代码要修改隐藏控件的值，隐藏控件自然得加上runat=”server” 标记。
3.在弹出对话框后，记得把隐藏控件的value置空，否则刷新的时候又会弹出来了。
4.脚本代码一定得放在隐藏控件的后面，否则同样找不到。

【实现】
页面代码（只列出相关代码）

//添加一个隐藏控件
<INPUT id="txtBox" type="hidden" runat="server" NAME="txtBox">

//JavaScript代码
  <script language="javascript">
   if( document.all("txtBox").value!="" )
    {
     alert( document.all("txtBox").value );
     document.all("txtBox").value="";
    }
  </script>

后台代码

private void ImBtnLogin_Click(object sender, System.Web.UI.ImageClickEventArgs e)
  {
    if (TxtUserCheck.Text.Trim()!=Request.Cookies["ImageV"].Value )
    {
     txtBox.Value="校验码不正确！";
     return;
    }
  }

【补充说明】
其实这个方法很简单，不过却很有效，你可以写一个函数showDialog(string str),然后在后台代码中任何需要的地方调用以弹出对话框。
此外，你还可以把alert换成showModelDialog(),以弹出功能更丰富，界面更漂亮的窗口。
最后，必须得说明的是，这个方法的思想可以用来在脚本和后台代码之间传递信息。

转载于:https://www.cnblogs.com/aaliujing/archive/2007/01/29/633613.html

弹出对话框的同时保持页面的显示相关推荐

ASP.NET弹出对话框并跳转页面
在Asp.net 中弹出对话框是(Response.write不是好方法) Response.Write("<script>alert('注册成功!');</script& ...
php网页弹出输入对话框,php和js实现弹出对话框实例分享
js可以实现弹出对话框,本文主要和大家分享php和js实现弹出对话框实例,希望能帮助到大家. 1. php弹出对话框//弹出对话框<?phpecho " //关闭当前页 echo &q ...
PHP弹出对话框的方法
php中弹出对话框的方法如下,一般,在提交信息后需要弹出对话框提示,之后可以自动关闭对话框,弹出对话框有下面集中方法,其实都是利用javascript中的alert()方法.提示结束后关闭当前页,同样 ...
javascript如何弹出对话框
javascript弹出对话框 1.消息框页面上操作完成后弹出个信息框,提示操作成功的方法: Response.Write("<mce:script type="text/ ...
php 密码错误就弹出框_PHP弹出对话框
本篇文章主要介绍PHP弹出对话框,感兴趣的朋友参考下,希望对大家有所帮助. 1. PHP弹出对话框< ?PHP echo "< script language= \"J ...
php弹出编辑框,PHP弹出对话框的技巧方案
我们在实现PHP弹出对话框之后,一般还需要返回原来页面或者用新的页面替换原来的页面等,本文将会讲解详细代码编写,需要的朋友可以参考下许多程序员们运用PHP语言进行WEB开发.那么在网站中通常都会遇到 ...
php提交数据后弹出对话框,PHP弹出对话框技巧详细解读
许多程序员们运用PHP语言进行WEB开发.那么在网站中通常都会遇到对话框弹出等功能需求.下面我们就为大家详细介绍PHP弹出对话框的相关实现方法. 1. PHP弹出对话框 < ?PHP echo ...
php谈对话框,php实现弹出对话框的方法
php实现弹出对话框的方法发布时间:2020-07-03 11:47:15 来源:亿速云阅读:123 作者:Leah 本篇文章为大家展示了php实现弹出对话框的方法,代码简明扼要并且容易理解,绝对 ...
jQuery Mobile弹出对话框后不刷新原页面，保持原页面内容不变
使用jQuery Mobile开发移动应用程序时,在一个页面上弹出对话框,关闭对话框后,发现原来的页面被刷新了.如果原页面上有一些已经选择或者填写的数据,则这些数据就会丢失.这时候,就需要对对话框的返 ...
java fx alert_javaFx：使用弹出对话框 Alert
javaFx8 自带的对话框非常好用,类似的使用方式如下: /** * 弹出一个通用的确定对话框 * @param p_header 对话框的信息标题 * @param p_message 对话框的信 ...

弹出对话框的同时保持页面的显示

弹出对话框的同时保持页面的显示相关推荐

最新文章

热门文章