在web开发,有些时候需要再另一个页面处理数据然后将处理的结果返回个打开处理页面的页面。。。。。。,这时候我问需要用到模式窗口及(dialog)。
例如:在“father.jsp”页面点击弹出“moShi.jsp”页面,让后将“moShi.jsp”里表当数据的值返回到“father.jsp”页面
一、father.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <html> <head> <title>Insert title here</title> <script type="text/javascript" src="../js/jquery/jquery.js"></script> <script type="text/javascript"> function openwindow(){ var address = window.showModalDialog("moShi.jsp","","dialogWidth=340px;dialogHeight=270px"); document.myform.address.value=address; } function showinfo(){ var address=document.myform.address.value; var flage=confirm("您本次购买的商品信息如下:\n商品名称:跑跑游戏道具;\n商品数量:5件;\n商品单价:12.5美金;\n运费:10美金;\n费用总计:72.5美金;\n送货地址:"+address+"\n请确认以上信息是否有误!!!"); if(flage){ alert("您的订单已提交"); } } </script> </head> <body> <form action="" method="post" name="myform"> <table width="533" height="133" border="1" bgcolor="#ffc8c8" align="center" cellpadding="0" cellspacing="0"> <tr> <th colspan="5">简易购物车</th> </tr> <tr align="center"> <td width="92">商品名称</td> <td width="100">数量(件)</td> <td width="110">单价(美元)</td> <td width="101">运费(美元)</td> <td width="130">合计</td> </tr> <tr align="center"> <td>跑跑道具</td> <td>5</td> <td>12.5</td> <td>10</td> <td>72.5美元</td> </tr> <tr align="center"> <td colspan="5"> <a href="javascript:openwindow()">填写你的邮寄地址</a> <input name="address" type="text" size="40" disabled /> <input name="sub" onclick="showinfo()" type="button" value="提交定单" /> </td> </tr> </table> </form> </body> </html>
二、moShi.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <html> <head> <script type="text/javascript"> function closewindow(){ var province=document.myform.province.value; var city=document.myform.city.value; var district=document.myform.district.value; var number=document.myform.number.value; var street=document.myform.street.value; if(province==city){ window.returnValue=city+district+street+number; }else{ window.returnValue=province+city+district+street+number; } window.close(); } </script> </head> <body> <form action="" name="myform" method="post"> <table width="290" height="206" align="center" border="0" bgcolor="#ffc8c8" cellpadding="0" cellspacing="0"> <tr> <td colspan="2" align="center"> <span class="style1">送货地址确认</span> </td> </tr> <tr> <td width="124" align="right" valign="middle"> 省份: </td> <td width="166"> <select name="province"> <option value="北京市">北京市</option> <option value="广东省">广东省</option> <option value="河北省">河北省</option> <option value="四川省">四川省</option> <option value="江苏省">江苏省</option> </select> </td> </tr> <tr> <td align="right" valign="middle">城市:</td> <td> <select name="city"> <option value="北京市" selected>北京市</option> <option value="上海市">上海市</option> <option value="广州市">广州市</option> <option value="邯郸市">邯郸市</option> <option value="峨眉山市">峨眉山市</option> </select> </td> </tr> <tr> <td align="right" valign="middle">区:</td> <td> <select name="district"> <option value="西城区">西城区</option> <option value="海淀区">海淀区</option> <option value="白云区">白云区</option> <option value="解放区">解放区</option> <option value="进城区">进城区</option> </select> </td> </tr> <tr> <td align="right" valign="middle">街道:</td> <td><input name="street" type="text" size="20"></td> </tr> <tr> <td align="right" valign="middle">门牌号:</td> <td><input name="number" type="text" size="20"></td> </tr> <tr> <td colspan="2" align="center"> <input name="btn" type="button" value="确认" onclick="closewindow()"> </td> </tr> </table> </form> </body> </html>
相关推荐
创建自定义对话框dialog,弹出模式窗口 用于创建自定义对话框的轻量级(约 4.5 KB)代码库。四种对话框可用: alerts(出错), warnings(警告), prompts(提示), success(成功)。利用一个简单的函数,你可以自定义对话框...
在dialog模式下,创建 MFC OpenGL子窗口,非SDI MDI
mdiArea里显示多窗体,网上查到的大部分是doc版的,我这还有mainwin 和dialog
这是一个基于jquery的插件, 嗯 好用 。可以弹出页面 呵呵 又叫做thickbox
一个浮动的窗口,包含标题和内容两部分。可以移动,调整大小,以及关闭图标'×'。如果内容长度超过了对话框内容区域的显示,则会自动出现滚动...除此之外,还有一些常用的选项,如:添加底部按钮栏、模式窗口屏蔽层等。
很炫的web模式窗API,里面带有教程,窗体可自由拖动,提供多种样式选择,打开速度快,还支持各种Alert提示小窗、Confirm确认提示等等。
模态对话框浏览器的窗口模式对话框(例如 )。 取决于jQuery,EventEmitter的实例,使用 promise库。弃不幸的是,我没有更多的时间来维护这个存储库了:-(安装 $ npm install modal-dialog用法 var Dialog = require...
HTML制作模式窗体_弹出不确定就不让点后边的模式对话框modal dialog.zip HTML不处理就不让往下进行的对话框
分类: 对网页弹出窗口,如WIKI所述,若要保持脚本运行稳定,必须在... showModalDialog,同样实现的还有在文件selenium-browserbot.js函数BrowserBot.prototype._modifyWindow实现开始部分添加对ModalDialog的实现。
总览Win32Dialog窗口的行为与经典Windows OS对话框非常相似。 可以通过左键单击并从任意边缘拖动来调整它们的大小。 可以通过左键单击并拖动标题栏来移动它们。 可以使用标题栏按钮最小化,最大化和关闭它们。请注意...
2、对话框的模式(Modal)调用方法;3、Spin控件的使用。 新建一个基于对话框的MFC工程, 通过菜单"Insert>>Resource"打开添加资源对话框, 在其中选择Dialog后点击New创建一个新的对话框 按Ctrl+W打开...
焦点一个最小的弹出窗口,模式窗口,通知窗口,叠加窗口,抽屉和对话框窗口插件。查看以了解更多发展历程$ git clone git@github.com:Elkfox/Focus.git $ npm install 使用gulp编译焦点。 src文件位于src/focus.js并...
2.6 Engineering Mode Dialog 19/工程模式对话框 2.7 Sim Editor Dialog 22/Sim编辑器对话框 2.8 Exception Window 24/异常窗口 2.9 Statistics Window 26/统计数据窗口 3 Menus 28/菜单 3.1 File menu 28/文件菜单 ...
弹出的窗体类似于模态窗体,但不阻塞,主要是因为顶层窗体widget背景透明且全屏
摘要 一般的工程都是多个form组成的,各个窗体之间经常要灵活的传递数据。下面分享一点自己的经验: 窗体传值的方法有很多,下面仅介绍我用过的一些,不知道官方叫这些什么方法,大家也可以找找看其他的。...
这是一个轻量级(1.3Kb)但灵活的脚本,用于创建可访问的对话框窗口。 特征: 重叠点击和ESC上的关闭对话框 切换aria-*属性 陷印和恢复焦点 射击事件 DOM和JS API 快速而小巧
自定义角度弹出模式 取得验证码 $ git clone https://github.com/CodAffection/Angular-Material-Popup-Dialog-Model.git $ cd Angular-Material-Popup-Dialog-Model/CompleteAngularMaterialApp $ npm install //...
最近做网站的时候需要用到模式化窗口功能,也遇到了一些问题,所以查了查资料以解决 1.弹出窗口几种方法: a.window.open(pageURL,name,parameters); b.window.showModalDialog()方法用来创建一个显示HTML内容的模态...
service.dialog.jquery是另一个用于打开对话窗口的 jquery 组件。 我知道有很多这样的对话框插件,所以你可能想知道为什么是这个。 好吧,对我来说,有几件事对于此类插件很重要(对于几乎所有其他类型的插件也有...
在Windows环境中,对话框是一种常用的输入输出手段。对话框有两种类型,非...本例将从主框架窗口创建一个简单的非模态对话框,在该对话框关闭之前,用户可以在主框架窗口中的其他地方工作,比如选择“打开”文件等。