larryscale
- 浏览: 173952 次
- 性别:
- 来自: 深圳
-
文章分类
- 全部博客 (104)
- JavaScript备忘 (11)
- Java编程 (23)
- struts框架 (3)
- hibernate框架 (0)
- ibatis框架 (2)
- C++编程 (2)
- 数据库 (8)
- 操作系统 (2)
- Extjs (0)
- 基于web的工作流引擎设计 (0)
- 开发异常备忘 (5)
- 项目管理工具 (6)
- Spring框架 (3)
- HTML (1)
- 项目架构 (1)
- 备忘 (20)
- 设计模式 (9)
- Disruptor (0)
- CQRS (0)
- DDD (0)
- Axon (0)
- JavaScript (1)
- 微信 (0)
- 新浪微博 (1)
- 软件备份 (2)
- AngularJS (1)
- 安全性 (1)
- Linux (2)
- 工具 (4)
- OSGI (1)
- idea (2)
- Docker (1)
- 测试相关 (0)
- WebService (1)
- 数据安全 (0)
- 移动开发 (0)
- springboot (1)
最新评论
-
larryscale：
zz_wangyuhoho 写道你这个工程跑不起来呀我测试过的 ...
Springmvc3+Spring3+MyBatis3 -
zz_wangyuhoho：
你这个工程跑不起来呀
Springmvc3+Spring3+MyBatis3 -
aeolusj：
var myAlert=alert;改为var myAlert ...
js 拦截alert对话框 -
skcks：
建行内部开发平台也是做了一个类似的封装用于ajax远程调用服务 ...
通用Ajax设计 -
qiuyu1990：
这个应该是 DWR的原理吧
通用Ajax设计
最近项目中用到一个模拟模态对话框的DIV的实现，有两个层，下面的层是半透明的，将遮盖整个窗口，上面的层则用于用户输入信息，这里是一个简单的模仿。
以下是页面代码：
<html> <head> <title>Demo</title> </head> <body> <table> <tr> <td colspan="3"><input type="button" value="新增" name="" onclick="selectClass();"/></td> </tr> </table> <div id="div1" style="display:none; background-color:#000; filter:alpha(opacity=30);opacity:0.3; width:1024px; height:768px; z-index:10; position: absolute;left:0px; top:0px;"> </div> <div id="div2" style="display:none; background-color:#FFF; width:300px; height:180px; z-index:20; position: absolute; left:300px; top:150px;"> <table> <tr> <td>交易类型</td> <td> <select name="sel1" value=""> <option value="">--选择交易类型--</option> <option>存款</option> <option>查询</option> <option>汇款</option> <option>取款</option> </select> </td> </tr> <tr> <td>分类/对象</td> <td> <select name="sel2" value="" onchange="showSel3(this.value);"> <option value"">--选择分类--</option> <option value="0">对手</option> <option value="1">对象</option> </select> </td> </tr> <tr> <td id="td1"> </td> <td id="td2"> </td> </tr> <tr> <td colspan="2"><input type="button" value="确定" name="confirm" onclick="confirm(true);"> <input type="button" value="取消" name="cancel" onclick="confirm(false);"></td> </tr> </table> </div> </body> </html>
以下是javaScript代码：
<script>
//显示层
function selectClass(){
document.getElementById("div1").style.display="block";
document.getElementById("div2").style.display="block";
}
//显示对手名称/对象分类
function showSel3(val){
var strArr =strList();
var td1HTML=document.getElementById("td1");
var td2HTML=document.getElementById("td2");
var td1Value="";
var td2Value="";
if(val!=""){
if(val=="0"){
td1Value="对手名称："
td2Value="<input name='' type='text' value=''/>"
td1HTML.innerHTML=td1Value;
td2HTML.innerHTML=td2Value;
}else{
td1Value="对手分类："
td2Value="<select name=''><option value=''>--请先把对手分类--</option>";
for(var str in strArr){
td2Value+="<option value='"+str+"'>"+strArr[str]+"</option>";
}
td2Value+="</select>";
td1HTML.innerHTML=td1Value;
td2HTML.innerHTML=td2Value;
}
}else{
td1HTML.innerHTML="";
td2HTML.innerHTML="";
}
}
//确定或消信息的输入
function confirm(flag){
if(flag){
document.getElementById("div1").style.display="none";
document.getElementById("div2").style.display="none";
//传递数据
}else{
document.getElementById("div1").style.display="none";
document.getElementById("div2").style.display="none";
//清空数据
document.getElementById("sel1").value="";
document.getElementById("sel2").value="";
document.getElementById("td1").innerHTML="";
document.getElementById("td2").innerHTML="";
}
}
</script>
运行效果如下：
- 大小: 9.1 KB
0
顶
顶
1
踩
踩
分享到：
发表评论
-
生成圆形头像
2016-05-18 17:30 818<html><head><ti ... -
Open Flash Chart IO ERROR Loading test data Error
2015-02-06 11:44 623Open Flash Chart 2 提示Open Flas ... -
TEST
2013-12-17 10:09 0http://www.mohurd.gov.cn/zcfg/j ... -
TEMP
2013-12-04 17:46 0--========================= ... -
showModalDialog 打开后任意改变大小
2013-11-19 19:45 1045父窗口JS <script language=jav ... -
JS关闭父窗口时不弹出对话框
2013-11-19 19:26 988var url = top.location.href; ... -
对表格行动态增删除的JS封装
2013-04-26 23:32 867这是最近在公司项目中使用的，一个对表格行进行 ... -
在CSS之中实现<body topmargin="0">
2013-01-21 13:13 1276<!DOCTYPE html PUBLIC " ... -
js 拦截alert对话框
2013-01-16 10:30 2070<input type="button&qu ... -
VLC 插件的检测
2012-12-19 23:48 2988最近做的一个海底观测网项目，其中流媒体用到了VLC插件。 ... -
docfram
2012-10-26 17:28 0--- head.jsp <%@ page langu ... -
jsTEST
2012-10-26 13:02 0//js去回车换行 var remark = documen ... -
TEST
2012-10-26 12:56 08.--------异步方法1 <SCRIPT LAN ... -
window.ModleMassageBox无法打开链接
2012-10-24 12:41 0//查询日志 function log(id,fundN ... -
通用Ajax设计
2012-10-21 10:20 1937利用Servlet和反射技术实现通用的Ajax调用设计，如下： ... -
Extjs Window
2012-05-23 13:30 0<%@ page language="java ... -
Extjs Table
2012-04-13 13:31 0<SCRIPT type="text/java ... -
解决Jquery 树型菜单折叠时有闪动的问题
2011-09-21 23:44 1169昨天从网下了一个树型菜单的插件用在我的项目中，Demo是用ht ... -
Ajax
2011-06-15 08:06 0function getRecordSetByAjax(url ...
相关推荐
Xcode 6下弹出的模拟模态对话框，可以做登录界面
VC中模态对话框和非模态对话框的编程
点击运行弹出一个对话框，点击DIALOG1按钮弹出一个模态对话框，在该对话框的编辑框输入文本点击确定该对话框消失且输入的文本被显示到主对话框MainDialog中，点击DAILOG2按钮弹出一个非模态对话框，操作现象和模态...
非模态对话框相对于模态对话框，他的创建和销毁过程和模态对话框有一定的区别，非模态对话框需要重载函数OnCanel，并且在这个函数中调用DestroyWindow。并且不能调用基类的OnCancel，因为基类的OnCancel调用了...
MFC中有两种类型的对话框：模态对话框和非模态对话框。 模态对话框是指当其显示时，程序会暂停执行，直到关闭这个模态对话框后，才能继续执行程序中其他任务。非模态对话框是指当其显示时，允许转而执行程序中其他...
非模态的对话框是独立的，就是说和主程序可以同时交换数据，而模态的对话框则只能和自己交换。换句话说，模态对话框很霸道，你开了它就无法在同一个应用程序中的其他地方干活了，比如那个经常用的openfile dialog。...
模态对话框与非模态对话框程序示例 Java源程序
非模态对话框与模态对话框不同，在非模态对话框活动的同时，用户还可以在应用程序的其他地方工作，而模态对话框在其关闭之前，用户不能在同一个应用程序的其他地方工作。本例将从主框架窗口创建一个简单的非模态...
MFC创建模态对话框和非模态对话框实例小程序，学习如何在程序开发中使用模态对话框和非模态对话框
MFC中经常会用到弹出模态或非模态对话框，模态对话框与非模态对话框容易混淆
因系统需求，要在关闭子模态对话框后刷新父模态对话框，做的一个小测试。
万能模态对话框 万能模态对话框 万能模态对话框 万能模态对话框 uDialog unity 模态对话框，通用
VS2010/MFC模态对话框和非模态对话框的创建和使用
基于vs2005，在ObjectARX中使用MFC：模态，非模态对话框
非模态对话框与模态对话框不同，在非模态对话框活动的同时，用户还可以在应用程序的其他地方工作，而模态对话框在其关闭之前，用户不能在同一个应用程序的其他地方工作。本代码将从主框架窗口创建一个简单的非模态...
不同与Popup，这是自定义样式的模态对话框，是模态的！整个对话框作为一个独立的组件使用.........
VisualC 实效编程 9 非模态对话框VisualC 实效编程 9 非模态对话框VisualC 实效编程 9 非模态对话框VisualC 实效编程 9 非模态对话框VisualC 实效编程 9 非模态对话框VisualC 实效编程 9 非模态对话框VisualC 实效...
js实现div模拟模态对话框展现URL内容
MFC 加法计算器 + 模态对话框 完整工程代码下载 MFC 加法计算器 + 模态对话框 完整工程代码下载 MFC 加法计算器 + 模态对话框 完整工程代码下载 MFC 加法计算器 + 模态对话框 完整工程代码下载 MFC 加法计算器 +...
VS2010创建模态对话框非模态对话框的方法，给子窗口传值，非模态对话框给父窗口传值，非模态获取父窗口的指针，打开非模态对话框不重复