当前位置:首页 > 开发 > 编程语言 > 编程 > 正文

showModalDialog的简单使用

发表于: 2013-05-17   作者:chinrui   来源:转载   浏览次数:
摘要: showModalDialog的简单使用 1、要通过另外一个网页输入结果的网页 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <me
showModalDialog的简单使用

1、要通过另外一个网页输入结果的网页
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>Untitled Document</title>
	<script type="text/javascript">
		function viewData(cid ,cname) {
			//获取通过showModalDialog传过来的window对象
			var sdata = window.dialogArguments;
			
			//设置第一个页面的属性值
			sdata.document.getElementById("cid").value = cid;
			sdata.document.getElementById("cname").value = cname;
			
			//关闭Dialog窗口
			window.close();
		}
	</script>
	</head>
	<body>
		<table border="1">
			<tr>
				<td>操作</td>
				<td>客户ID</td>
				<td>客户名称</td>
			</tr>
			<tr>
				<td><button onclick="viewData('001','深圳华为')">选择</button></td>
				<td>001</td>
				<td>深圳华为</td>
			</tr>
			<tr>
				<td><button onclick="viewData('002','用友软件')">选择</button></td>
				<td>002</td>
				<td>用友软件</td>
			</tr>
		</table>
	</body>
</html>

2、存储另外一个网页的相关属性,在需要的时候输送给另外一个网页
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>Untitled Document</title>
	</head>
	<body>
		<form name="form1" action="test.htm" method="post">
			客户ID:<input type="text" name="cid" value="" id="cid"><br/>
			客户名称:<input type="text" name="cname" value="" id="cname"><br/>
			<input type="button" name="ok" value="请选择客户" onclick="openWin();">
		</form>
	</body>
	
	<script type="text/javascript">
		function openWin() {
			window.showModalDialog("msg.htm",window,"dialogHeight:200px;dialogWidth:200px;dialogLeft:350px;dialogTop:350px;center:yes;help:no;");
		}
	</script>
</html>

3、为了使两个页面更加的独立,在第二个页面调用第一个页面的一个函数
--第二个页面的javascript代码
<script type="text/javascript">
	function viewData(cid ,cname) {
		//获取通过showModalDialog传过来的window对象
		var sdata = window.dialogArguments;
		
		//设置第一个页面的属性值
//			sdata.document.getElementById("cid").value = cid;
//			sdata.document.getElementById("cname").value = cname;
//			调用第一个页面的函数
		sdata.setValue(cid,cname);
		
		//关闭Dialog窗口
		window.close();
	}
</script>

--第一个页面的javascript代码
<script type="text/javascript">
	function openWin() {
		window.showModalDialog("msg.htm",window,"dialogHeight:200px;dialogWidth:200px;dialogLeft:350px;dialogTop:350px;center:yes;help:no;");
	}
	
	function setValue(cid,cname) {
		document.getElementById("cid").value = cid;
		document.getElementById("cname").value = cname;
	}
</script>

showModalDialog的简单使用

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
首先,需要说明的是GridView的提示层的制作方式,下面是已经做好的效果: 上面的就是这个效果,以下介绍
easyui近期一直都比较流行,虽然它在效果上被extjs爆了,它的使用难度低,在IE6下表现不错,的确受
我以前用的是SVN,但最近发现Git的功能比SVN好多了。于是想配置Git,但是每次下载到一半就会失败(可
package DBBasic; import java.sql.Connection; import java.sql.SQLException; import com.jolbox.
代理:又叫委托 通俗的说是自己不能办的事 委托给别人去办。比如UITextField,UIAlertView都使用了代
本篇主要是写下listview的简单实现。(使用Baseadapter) 在自己理解之后稍微做下笔记,在Baseadapt
dotnetcharting 是一个很好用的图表控件,能画出很漂亮的报表,一般常用到的主要有柱状图、饼图、折
1.新建一个winform项目。 2.添加一个Linq to Sql 类,命名为Northwind 3.打开服务器资源管理器,将
天空中飘着小雨,实在是适合写代码的时节。 1 1 package ch02.chat; 2 3 import java.io.Serializab
首先需要下载ActiveMQ,下面的链接给我们列出了所有版本: http://activemq.apache.org/download-ar
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号