<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script>
function openwin(){
var newwin=window.showModalDialog("2.htm",window);
if(newwin!="[object]"){
document.getElementById("hobby").value=newwin;
}
}
function getvalue(a){
document.getElementById("age").value=a;
}
function show(){
var str="";
str=str+document.getElementById("username").value+"--"+document.getElementById("password").value+"--"+document.getElementById("age").value+"--"+document.getElementById("hobby").value;
alert(str)
}
</script>
</HEAD>
<BODY>
<form id="parentForm" name="parentForm">
<table border="1" align="left">
<tr>
<td>
name:
</td>
<td>
<input type="text" id="username" name="username" value=""/>
</td>
</tr>
<tr>
<td>
password:
</td>
<td>
<input type="text" id="password" name="password" value=""/>
</td>
</tr>
<tr>
<td>
age:
</td>
<td>
<input type="text" id="age" name="age" value=""/>
</td>
</tr>
<tr>
<td>
hobby:
</td>
<td>
<input type="text" id="hobby" name="hobby" value=""/>
</td>
<tr>
<td colspan="2" align="right">
<input type="button" value="选择" onclick="openwin();"/>
<input type="button" value="查看" onclick="show();"/>
<td>
</tr>
</form>
</BODY>
</HTML>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> Sub Window </TITLE>
<script>
function setLike(){
var selectLikes="";
var likes=document.getElementsByName("like");
for(var i=0;i<likes.length;i++){
if(likes[i].checked){
selectLikes=selectLikes+likes[i].value+";";
}
}
window.returnValue=selectLikes;
var parent=window.dialogArguments;
parent.getvalue(document.getElementById("age").value);
window.close();
}
</script>
</HEAD>
<BODY>
<br>
<form>
<table border="1">
<tr>
<td>
hobby
</td>
</tr>
<tr>
<td>
<input type="checkbox" id="like" name="like" value="上网">上网</input>
<input type="checkbox" id="like" name="like" value="游戏">游戏</input>
<input type="checkbox" id="like" name="like" value="旅游">旅游</input>
<input type="checkbox" id="like" name="like" value="编程">编程</input>
</td>
</tr>
<tr>
<td>
age
</td>
</tr>
<tr>
<td>
<input type="text" id="age" name="age" value=""/>
</td>
</tr>
<tr>
<td>
<input type="button" value="确认" onclick="setLike();">
<input type="button" value="关闭" onclick="window.close();">
</td>
</tr>
<table>
</form>
</BODY>
</HTML>
分享到：
相关推荐
一个想当漂亮的jquery提示框：jQuery Modal Dialog弹出对话框插件，可用它实现各种的网页提示效果，比如错误提示框、警告框、操作提示框等，暖色调界面，使用方法简单，参考本例所展示的各种提示框生成办法，就可...
本文将围绕"jquery.modaldialog.1.0.0.zip"这个压缩包中的内容，深入探讨jQuery模态对话框的使用方法和相关知识点。 首先，我们要了解jQuery模态对话框的基本概念。模态对话框（Modal Dialog）是一种阻塞用户界面，...
《jQuery ModalDialog插件详解与应用实践》 在网页开发中，交互性的增强往往能提升用户的体验感。jQuery ModalDialog插件就是一款优秀的工具，它能够帮助开发者轻松创建功能丰富的弹出对话框，使得信息提示、用户...
在Windows Presentation Foundation（WPF）框架中，"Demo.ModalDialog.zip"可能是一个包含示例代码的压缩包，用于演示如何实现和使用模态对话框。模态对话框是WPF应用程序中常见的一种用户交互元素，它在显示时会...
在网页设计和开发中，模态对话框（Modal Dialog Box）是一种常见的用户界面元素，用于在用户当前操作的页面上显示额外信息或交互，而不会中断整体浏览体验。"Modal Dialog Box in Embedded YouTube Video"这一主题...
标题 "jquery login modal dialog" 指的是使用 jQuery 实现的一种登录模态对话框功能。在 Web 开发中，模态对话框常用于提供一种不中断用户主界面体验的交互方式，例如显示登录表单。jQuery 是一个广泛使用的 ...
modalDialog 弹出框 提示框，确认框。 公共参数 clazz: 弹出框的css类名 cancelStr: 取消按钮的按钮名 sureStr: 确定按钮的按钮名 title: 弹出框的标题 content: 弹出框内容 header: 表示头部的html模板 okCallback...
"JavaScript实现ModalDialog的代码解析" 在本节中，我们将深入探讨一个支持Firefox（FF）的ModalDialog的JavaScript代码，并对其进行详细的解析和分析。 ModalDialog简介 ModalDialog是一种常见的用户界面元素，...
首先，我们需要了解什么是模式对话框（Modal Dialog）和非模式对话框（Non-modal Dialog）。模式对话框在显示时会阻塞其父窗口，用户必须先关闭对话框才能继续与主窗口交互。这种方式强制用户处理当前对话框的问题。...
For instance using "Localization package" from the asset store you would do this: MessageBox.Localize = (originalString) => { return Language.Get(originalString); }; Current text strings that need to...
在IT领域，更新模态对话框内容通常涉及到用户界面（UI）的实时更新，这是一个重要的交互设计技巧。这里，我们探讨的主题是如何通过回调函数来实现这一功能，这在多线程编程或者异步操作中非常常见。...
"modal_dialog_base" 是一个可能与前端开发相关的压缩包文件，尤其在UI设计和交互体验中常见。在网页或应用程序中，模态对话框（Modal Dialog）是一种重要的用户界面元素，用于显示临时信息或者需要用户确认或输入...
在JavaScript编程中，有时我们需要在弹出的子窗口（如ModalDialog）中操作父窗口的元素，例如修改某个文本框的值或者触发某些交互。在处理这种情况时，必须遵循特定的规则，因为直接使用`window.parent`在Modal...
内容索引:脚本资源,jQuery,提示框,对话框,jQuery插件 jQuery的对话框插件：jQuery Modal Dialog，它可以用来显示错误提示、警告、操作提示等提示框，界面很美观，使用方法简单，官方的说明文档也很全。
JSer.modalDialog就是JSer脚本框架提供的一个模态窗口实现，它为网页添加了一个功能丰富的弹出窗口，并通过灰色背景遮罩来确保用户在关闭模态窗口前无法与页面其他部分交互。 JSer.modalDialog模态窗口的主要特点...
Modal dialog box components 基于Jquery的模态对话框组件 Release History v1.1.0 Add function to get the code： Main js/ ├── ├── jquery-2.1.1.min.js (98 KB) └── popup.js ( 7 KB) Getting started...
模态对话框（Modal Dialog）是一种阻塞式对话框，当用户与对话框交互时，阻止用户与应用程序的其他部分进行交互。在用户关闭模态对话框之前，主窗口和其他窗口将无法响应用户输入。 以下是如何创建和使用模态对话框...
modaldialog.js modaldialog.js基于jQuery开发的插件。 Feature 支持多弹出层 兼容主流浏览器，包括IE6 Demo $("#btn").click(function(){ var dialog = new Dialog({ content:"<p>Hello, world</p>" }); }); $...
这个方法在现代Web开发中已经逐渐被`<dialog>`元素或JavaScript库如jQuery UI、Bootstrap Modal等替代，但仍然在一些老项目或者特定场景下使用。本文将详细介绍`window.showModalDialog`的使用方法及其相关知识点。 ...
2. `$.modalDialog2.xxx`：`xxx`是开发者可以自定义的名称，用于保存对话框关闭后需要刷新的对象或者状态。在`onClose`回调函数中，我们可以使用这个属性来执行特定操作，比如刷新父级窗口的内容或重置某些状态。 ...