ASP.NET&Javascript实现半透明背景&模式弹出个性化页面实例

开发Web应用时,经常会有弹出模式对话框的情况,可以直接调用window.showModalDialog()方法,一 般情况就可以了。

但有一些应用场景,需要我们弹出一些自定义控件或页面,同时用一层半透明的背景将页面的其他地 方遮住,以防止用户的其他操作,以达到一种“模式窗口”的效果,这里给出一个实现此类效果,同时支 持弹出自定义控件页面中通过委托更新主页面的操作功能,当然,此应用支持IE和FireFox两种浏览器。

时间: 2024-10-30 15:08:47

ASP.NET&Javascript实现半透明背景&模式弹出个性化页面实例的相关文章

ASP.NET查询页面设置form的action属性只弹出一个页面,并且每次将页面设置到最前

原文:ASP.NET查询页面设置form的action属性只弹出一个页面,并且每次将页面设置到最前 背景 当数据量大.查询条件复杂,多样多的时候,我们可能需要单独做一个查询界面,当用户选择设置了相关的查询条件后,点击[查询]按钮,系统就弹出一个新的页面展示出根据条件查询出的数据集. 然后,用户每点[查询]按钮就弹出一个新的页面展示出最新的查询结果. 当然,在较好的用户体验下,我认为不管用户点击了多少次[查询]按钮,系统应该只弹出并有且只有一个页面,这个页面就是展示查询结果的页面了.并且这页面还应

求助 如何弹出子页面 选择一个种类后,传值到父页面的asp文本框,不刷新掉其他文本框的内容

问题描述 如何弹出子页面选择一个种类后,传值到父页面的asp文本框,不刷新掉其他文本框的内容在录入信息界面(父界面)其中一个文本框tbx1(这些文本框都是asp:开头的,服务器控件)需要点击一个选择按钮,弹出一个子页面,在子页面中,选择一个分类,之后,点击确定,关闭子窗口,并将选择的这个分类,传到父页面的文本框tbx1中.并且不能刷新父页面,不然其余的一些文本框的内容就白写了.我用的window.open()父页面:<asp:TextBoxID="tbx1"runat="

javascript 中的console.log和弹出窗口alert_javascript技巧

主要是方便你调式javascript用的.你可以看到你在页面中输出的内容. 相比alert他的优点是: 1.他能看到结构话的东西,如果是alert,淡出一个对象就是[object object],但是console能看到对象的内容. 2.console不会打断你页面的操作,如果用alert弹出来内容,那么页面就死了,但是console输出内容后你页面还可以正常操作. 3.onsole里面的内容非常丰富,你可以在控制台输入:console,然后就可看到: Console {memory: Memo

javascript实现类似于新浪微博搜索框弹出效果的方法_javascript技巧

本文实例讲述了javascript实现类似于新浪微博搜索框弹出效果的方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml

通用弹出层页面(兼容IE、firefox)可关闭控制宽高及屏蔽背景_JSP编程

<%...@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %> <%.../* 通用弹出层页面(兼容IE.firefox) 说明: 1.openWindows(width,height)----打开弹出层调用的函数,可控制层的宽度和高度 2.hiddenWindows(

javascript简单实现类似QQ头像弹出效果的方法_javascript技巧

本文实例讲述了javascript简单实现类似QQ头像弹出效果的方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&q

Javascript公共脚本库系列(一): 弹出层脚本_javascript技巧

一.摘要 本系列文章是为了抽象通用的,跨浏览器的脚本方法. 本篇文章讲解弹出浮动层的javascript函数, 以及函数的原理和使用注意事项. 二.实现效果 用脚本弹出浮动层是我们最常用的脚本方法之一.下面是效果图:  点击图中的"航空公司"后,会在"航空公司"下面弹出浮动层. 在网上弹出框的脚本相当多, 而且还有各种第三方JS框架可供我们使用.但是其中有的脚本过于简单,仅仅粗略的实现弹出效果而忽略了灵活性,通用性和跨浏览器特性. 使用JS框架又有些杀鸡用牛刀.所以

javascript同页面多次调用弹出层具体实例代码_javascript技巧

复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>    <meta http-equiv=&q

JavaScript基础教程之alert弹出提示框实例_javascript技巧

alert 命令弹出一个提示框 为便于对 JavaScript 有一个直观的认识,本节会提供几个简单的实例供 JavaScript 入门学习之用.下面的代码是一个弹出提示框的例子: 复制代码 代码如下: <script type="text/javascript"> alert("我是提示文字!"); </script> 将上面部分代码,用文本编辑器(如写字板或其他更高级的编辑器,如 EditPlus 等)保存为 alert.html(或 a