showModalDialog 模拟 prompt

原创 2007年10月12日 10:55:00

最近做东西的时候由于用到了PROMPT,但是这个实在太难看了,在CSDN里面转了一大圈但是都只说用showModalDialog模拟一个,没有实在的例子,于是自己做了一个,呵呵感觉不差 。
废话少说,先看演示,包括2个文件

文件一 222.htm

<HTML>
<HEAD>
<TITLE>showModalDialog实例-qq:55802492-作者:西瓜太狼</TITLE>
<script language="JavaScript">
function start(e1){
var s = window.showModalDialog('333.html',e1,'dialogWidth:300px;dialogHeight:170px;status:no;scroll:no');
document.myform.city.value
=document.myform.city.value+e1+''+s+'颗,<br> ';
}

</script>
</HEAD>
<BODY BGCOLOR="antiquewhite">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  
<tr>
    
<td width="49%"><form id="myform" name="myform" method="post" action="">
      
<textarea name="city" id="city" cols="60" rows="5"></textarea>
        
</form>
    
</td>
    
<td width="51%"><table width="100%" border="0" cellspacing="3" cellpadding="3">
      
<tr>
        
<td><href="#" onclick=start('框架放反')>框架放反</a></td>
      
</tr>
      
<tr>
        
<td><href="#" onclick=start('芯片装反')>芯片装反</a></td>
      
</tr>
      
<tr>
        
<td><href="#" onclick=start('多胶')>多胶</a></td>
      
</tr>
            
<tr>
        
<td><href="#" onclick=start('芯片错位')>芯片错位</a></td>
      
</tr>
            
<tr>
        
<td><href="#" onclick=start('胶水外漏')>胶水外漏</a></td>
      
</tr>
    
</table></td>
  
</tr>
</table>

</body>
</BODY>
</HTML>

文件二 333.htm

<HTML>
<HEAD>
<base target="_self">
<TITLE>输入提示框</TITLE>
<script language="javascript">
function end(){
var s=document.getElementById("num").value;
  
if(s=="")
    
{
      alert(
"请填写数量");
      
return false;
    }

window.returnValue
=s;
window.close();
}

</script>
<script language=javascript>
  
function   document.onkeydown()   
  
{   
        
if(event.keyCode==13)   
                end();   
  }
  
</script>
</HEAD>
<BODY BGCOLOR="oldlace" onUnload="end()">
    
<table width="100%" border="0" align="center" cellpadding="9" cellspacing="1" bgcolor="#FEFBF5">
  
<tr>
    
<td width="8%" height="48" align="right" bgcolor="#FDF5E6"><img src="jingao.gif" width="55" height="52"></td>
    
<td width="92%" bgcolor="#FDF5E6" style="
    FONT-WEIGHT: bold; FONT-SIZE: 14px;"
>请输入:<span style="FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: red">
      
<script language="javascript">
var zhu=window.dialogArguments
window.document.write(zhu);
      
</script>
    
</span>的数量</td>
  
</tr>
  
<tr>
    
<td height="51" colspan="2" align="center">数量:      
    
<input name="num" type="text" id="num" size="10" onKeyPress="if (event.keyCode!=46 && event.keyCode!=45 && (event.keyCode<48 || event.keyCode>57)) event.returnValue=false">    <input name="button" type="button" onClick="end()" value="确认/ENTER"></td>
    
</tr>
</table>
</BODY>
</HTML> 

总结showModalDialog在开发中的一些问题

一、在页面调用window.open()函数后,可以直接在打开的页面中用window.opener来调用父页面的方法,然而如果用showModalDialog打开一个模态窗口,就不能通过window....
  • zouyujie1127
  • zouyujie1127
  • 2013年09月09日 16:54
  • 2591

ShowModalDialog常见的几个问题——表单提交、传值、反馈

ShowModalDialog常见的几个问题——表单提交、传值、反馈   ShowModalDialog常见的几个问题   文中涉及的三个页面:main.htm、form.html、target....
  • zuosixiaonengshou
  • zuosixiaonengshou
  • 2016年10月27日 20:10
  • 796

showModalDialog的title问题,去掉网页对话框

转自:http://blog.163.com/xiaosanshaoli@126/blog/static/2979216320094268190609/ 项目中用到了模态窗口: /*用途...
  • kaidishi
  • kaidishi
  • 2013年08月03日 11:42
  • 2531

高版本chrome不再支持window.showmodaldialog 的临时替换方案【用window.open】

接管别人的项目,因开发时用了showmodaldialog 导致最近很多用户chrome升级到最新之后 就无法弹窗了。原因是新版chrome[37+]不再支持showmodaldialog。 show...
  • ts472960087
  • ts472960087
  • 2015年05月19日 12:26
  • 18156

谷歌,火狐浏览器不支持showModalDialog的解决方法

首先得知道window.showModalDialog()方法到底是干嘛的,有什么作用. 基本介绍:           showModalDialog()         (IE 4+ 支持) ...
  • Java_wucao
  • Java_wucao
  • 2017年10月31日 11:28
  • 353

nodejs初写心得

nodejs安装后如何查看和安装其他工具 网上nodejs的文章已经很多,这里只是写下自己的小小心得,如果能帮到别人当然更好。 安装nodejs这里就不叙述了,直接上nodejs官网下载就...
  • binyao02123202
  • binyao02123202
  • 2014年02月27日 15:04
  • 6262

mysql prompt的用法详解

mysql prompt的用法详解 --prompt=name 参数对于做运维的人来说很重要。我们登入mysql数据库后,mysql的提示符 只是一个很简单内容 mysql> ,没有其他任何信息。通过...
  • zhengwei125
  • zhengwei125
  • 2016年08月25日 17:54
  • 1325

showModalDialog 传值及刷新。弹出子页面,回传给父页面

DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">HTML>    HEAD>        TITLE>New Document...
  • wybshyy
  • wybshyy
  • 2016年07月29日 14:05
  • 1218

SQLPROMPT5.3对各种加密对象的解密测试

SQLPROMPT5.3对各种加密对象的解密测试 测试环境: SQL2005个人开发者版 SP4 SQLPROMPT版本:5.3.8.2 视图 1 CREAT...
  • wozengcong
  • wozengcong
  • 2015年05月26日 09:23
  • 685

SQL Prompt 安装激活

1. 下载SQL Prompt 5.3.4.1,是个压缩包,里面有三个文件 免登录免积分下载地址:http://download.csdn.net/detail/caizz520/4557385...
  • m15188153014
  • m15188153014
  • 2016年09月14日 14:20
  • 2294
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:showModalDialog 模拟 prompt
举报原因:
原因补充:

(最多只允许输入30个字)