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> 

ATM取款机模拟实战项目

我们从现实生活中的ATM取款机的广泛使用,来确定我们编写ATM取款机程序的功能。首先,用户的登陆、用户的取款、用户的查询、用户的转帐、用户密码的修改等功能。根据实际功能的需求完成我们的程序。 “ATM取款机项目”主要描述“ATM取款机”的工作原理,与实际生活相结合,编写一个模拟实战项目。
  • 2015年05月12日 14:29

js模拟showmodaldialog,遮盖层及弹出div

function divPosition(div){ var top = ($(document).height() - $(div).height())/2; var left = ($(doc...
  • z69183787
  • z69183787
  • 2012-11-12 21:39:40
  • 1645

在BS系统中使用模态对话框(showModalDialog)的解决方案

     我们知道在BS系统中如果想使用模态对话框,我们就要用window.showModalDialog()这个方法, showModalDialog()方法是用来创建一个显示HTML内容的模态对话...
  • nittystone
  • nittystone
  • 2004-11-15 14:56:00
  • 3104

应用div模拟prompt存在的未能解决的问题

javascript中有几个模态阻塞对话框需要模拟分别是:alert()prompt()confirm()showModalDialog()这些对话框的共同特点都是执行代码后,包含该代码的代码段都要停...
  • FuWaer
  • FuWaer
  • 2007-06-21 09:44:00
  • 2099

谷歌浏览器Chrome不再支持showModalDialog的解决办法

常见的弹出窗口有div模拟或者用window.open代替,对于一个已经在用的系统来说,采用div方式转换成本较高,采用window.open改动会更少一些,但也会丢失其模态性。 这里采用简单的...
  • zhuchunyan_aijia
  • zhuchunyan_aijia
  • 2016-05-29 15:14:10
  • 935

window.showModalDialog打开跨域的页面并取到返回值

  • 2014年04月23日 15:48
  • 2KB
  • 下载

纯js(javascript)弹出层 对话框,div 模拟系统对话框

  • 2012年05月22日 11:50
  • 8KB
  • 下载

跨域 showModalDialog 获取返回值

本文参考来自:http://www.cnblogs.com/jake1/archive/2013/04/29/showModalDialog.html 原理: openpage.html:  ...
  • lxl817
  • lxl817
  • 2017-04-19 11:38:25
  • 675

JS制作弹出窗口prompt

function touchRock(){ /* 制作弹出窗口prompt */ v...
  • u012493556
  • u012493556
  • 2016-10-07 10:27:48
  • 730

jQuery模拟alert confirm prompt等

  • 2015年11月06日 16:01
  • 984KB
  • 下载
收藏助手
不良信息举报
您举报文章:showModalDialog 模拟 prompt
举报原因:
原因补充:

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