模态窗口

<!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="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
//模态窗口
function btnOpen_Click(w_sp1, h_sp1){
var url = "2.html";
var iTop2 = (window.screen.availHeight - 20 - h_sp1) / 2;
var iLeft2 = (window.screen.availWidth - 10 - w_sp1) / 2;
var params = ‘menubar:no;dialogHeight=‘ + h_sp1 + ‘px;dialogWidth=‘ + w_sp1 + ‘px;dialogLeft=‘ + iLeft2 + ‘px;dialogTop=‘ + iTop2 + ‘px;resizable=yes;scrollbars=0;resizeable=0;center=yes;location:no;status:no‘
var obj=window.showModalDialog(url, window, params);
document.getElementById("userId").value=obj[0];
document.getElementById("userAccount").value=obj[1];
document.getElementById("username").value=obj[2];
document.getElementById("userpwd").value=obj[3];
}
</script>
</head>

<body>

<b>1</b> <input id="userId" type="text" name="userId" />
<b>5</b> <input id="userAccount" type="text" name="userAccount" onclick="btnOpen_Click(600,450);" />
<b></b> <input id="username" type="text" name="userId" />
<b></b> <input id="userpwd" type="text" name="userId" />
</body>
</html>

<!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="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function test(obj){
var td1 = obj.firstElementChild.firstChild.innerHTML;//1
var td2=obj.lastElementChild.firstChild.innerHTML;//5
var td3=obj.firstElementChild.nextElementSibling.firstElementChild.innerHTML;
var td4=obj.firstElementChild.nextElementSibling.nextElementSibling.firstElementChild.innerHTML;
var array=new Array();
array.push(td1);
array.push(td2);
array.push(td3);
array.push(td4);
window.returnValue=array;
window.close();
}
</script>
</head>

<body>
<table border="1" id="table">
<tr>
<td><input name="" id="" value="序号" /></td>
<td><input name="" id="" value="数量" /></td>
<td><input name="" id="" value="序号" /></td>
<td><input name="" id="" value="数量" /></td>
</tr>
<tr ondblclick="test(this)" id="1">
<td><div>1</div></td>
<td><div>2</div></td>
<td><div>4</div></td>
<td><div>5</div></td>
</tr>
<tr ondblclick="test(this)" id="2">
<td><div>11</div></td>
<td><div>12</div></td>
<td><div>13</div></td>
<td><div>14</div></td>
</tr>
<tr ondblclick="test(this)" id="3">
<td><div>15</div></td>
<td><div>16</div></td>
<td><div>17</div></td>
<td><div>18</div></td>
</tr>
</table>
</body>
</html>

时间: 2024-08-09 19:22:14

模态窗口的相关文章

分享20个华丽的模态窗口弹出效果示例(梦想天空)

分享20个华丽的模态窗口弹出效果示例 在你的品牌和网站访问者之间建立情感联系是非常重要的.模态弹出窗口可能会帮助您完成这个具有挑战性的任务,以及分享给游客一些重要信息.作为一项常用规则,模态弹出窗口被用于各种号召行动的消息,如鼓励用户订阅新闻邮件,下载一些免费赠品或通知关于一些新的产品,服务或功能发布等.在这里,你会看到值得你注意的20个华丽的弹出窗口示例. 您可能感兴趣的相关文章 经典网页设计:超炫动画效果单页网站 30个独具匠心的精美单页网站设计案例 25个以全屏照片为背景的精美网页作品 2

Ionic最佳实践-使用模态窗口modal

原文地址:Ionic最佳实践-使用模态窗口modal 模态窗口的结构 在Ionic中,模态窗口通过$ionicModal提供.他易于使用且非常强大,详细信息请参考$ionicModal文档.Ionic中的模态窗口可以使用模板字符串或URL创建.本文将使用URL. 模态窗口创建时绑定到一个scope,这个scope可以用来传递数据.然而,在更复杂的情况下,通过服务来访问共享数据是最好的做法. 制作模态窗口的标记 创建模态窗口非常简单.首先,让我们来创建我们的用户界面.这个小例子将会展示一条联系人信

用JqueryUI的Dialog+IFrame实现仿模态窗口效果

大家有没有想过这样一个问题,当我点击某个图片的时候,我想弹出这个图片信息的详情并修改,于是你首先想到的是不是window.open?window.open方法确实可以,但是有它的局限性,比如,标题显示为URL,点一下其他地方窗口会消失,然后点其他图片的时候,死活都出不来,原来是前面打开的窗口没被关闭,ETC....于是你又想到了模态窗口,但是模态窗口有一个不好的地方,只能适用于IE浏览器,而且样式貌似也不咋地.好啦,天空一声巨响,JqueryUI的Dialog横空出世了,我们先看看官方给的例子.

使用jQuery创建模态窗口登陆效果

来源:GBin1.com 在线下载 在线演示 隐藏模态窗口技术是一种很好的解决方案,用于处理不是特有必要出现在网页上的界面元素.社交网络可以使用模态窗口传达私人讯息以及只针对会员才能看 到的表单.在博客和杂志网站也适用于与主网站分开的作者登陆页面,模态窗口比在JavaScript中创建新窗口更容易,因为使用HTML标记显示,所有 的东西能都呈现在同一个窗口中. 我将演示如何利用jQuery插件leanModal建立一个常规模态窗口.如果你有MIT general license,那么这个插件是完

模态窗口刷新问题

模态窗口窗口刷新问题-当模态窗口刷新时,会新打开一个浏览器页面, 解决办法在<head>标签里添加 <base target='_self'/> 添加JS方法$(function () { $("head").append("<base target='_self'/>");});    基本就能解决:

js模态窗口

最近在看js,正好公司用的框架中用到了模态窗口,以前没有接触过,现在把模态窗口的用法先记下来. 常用的浏览器chrome,Firefox,ie11,这三种分别支持document.open(),window.showModalDialog(),window.showModalDialog()的方式.下面还是直接给出代码,比较直观: motaichuangkou.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//E

使用异步js解决模态窗口切换的办法

核心代码 js ="setTimeout(function(){document.getElementsByTagName('Button')[3].click()},100);" 下面是我的实验过的示例代码: 实验地址: http://pyselenium-d1826.coding.io/exapage.html 1 #-*- coding: utf-8 -*- 2 __author__ = 'ray' 3 from selenium import webdriver 4 impor

IOS的模态窗口(modal)

在iOS开发中,除了使用push方法切换控制器以外,modal也可以实现界面切换,使用modal方便快捷,任何控制器都可以使用modal展示出来,开发中在设置注册,购物车,点赞等小功能的时候可以使用. 首先我们简单了解下ViewController之间的跳转 1.如果在 Storyboard中当前的 ViewController和要跳转的ViewController之间的segue存在,则可以执行performSegueWithIdentifier:sender:这个方法实现跳转.2.如果目标V

模态窗口跳转问题

前面解决了模态窗口的刷新问题,但是当使用location.href=url 时又回出现新打开页面的问题 可以用下面的方法解决: function go_link(url) { var link = document.createElement("a"); link.href = url; document.body.appendChild(link); link.click(); }

模态窗口和非模态窗口

对话框一般分为两种类型:模态类型(modal)与非模态类型(modeless).所谓模态对话框,就是指除非采取有效的关闭手段,用户的鼠标焦点或者输入光标将一直停留在其上的对话框.非模态对话框则不会强制此种特性,用户可以在当前对话框以及其他窗口间进行切换.本文介绍如何使用JavaScript语言来创建这两种类型的对话框.控制其大小和位置.改变其外观以及在对话框间的数据传递.(引用) 一.创建模态和非模态对话框 创建模态对话框:(会缓存最近一次页面的值,通过一些设置可绕过系统的判断) vReturn