showModalDialog 模拟 prompt

最近做东西的时候由于用到了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 >  

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值