帮我看看这个小问题如何实现呀！

<html>   
  <style type="text/css">
<!--
.STYLE7 {font-family: "仿宋_GB2312"; font-size: 24px; }
.STYLE8 {font-family: "仿宋_GB2312"}
.STYLE9 {font-size: 24px}
.STYLE11 {font-family: "仿宋_GB2312"; font-size: 24px; color: #FF0000; }
.STYLE12 {color: #FF0000}
.STYLE13 {
color: #FF0000;
font-family: "仿宋_GB2312";
font-size: 20px;
}
-->
  </style>
  <head>   
  <meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312">   
  <title>softkeyboard:code   by   meixx</title>   
  <script   language="javascript">   
  var   oPopUp=null;   
  function   SoftKeyboard(pwdObj){   
  oPopUp=window.createPopup();   
  var   popBody=oPopUp.document.body;   
  popBody.style.backgroundColor   =   "#FFFF99";   
  popBody.style.border   =   "solid   black   1px";   
  WriteToPopup(oPopUp,pwdObj);   
  oPopUp.show(100,47,295,155,pwdObj);   
  }   
  function   WriteToPopup(oPopUp,pwdObj){   
  var   strHTML="<html><head>";   
  strHTML+='<meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312">';   
  strHTML+='<style   type="text/css">';   
  strHTML+='.tdnormal{text-align:center;   background-image:url(images/bz.GIF);   font:43px;   color:black;   background-repeat:no-repeat;   background-position:100%   100%}';   
  strHTML+='.tdover{text-align:center;     background-image:url(images/z.GIF);     font:43px;   color:black}';   
  strHTML+='.tdclick{text-align:center;   background-image:url(images/zz.GIF);   font:43px;   color:white}';   
  strHTML+='.button{border:0;width:90%;   height:95%;   }';   
  strHTML+='</style>';   
  strHTML+='<scr'+'ipt   language="javascript">';   
  strHTML+='var   arrLow=new   Array("1","2","3","4","5","6","7","8","9","0");';   
  strHTML+='var   arrUp   =new   Array("~","!","@","#","$","%","^","&","*","(",")","_","+","|","A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z","{","}",":","\\"","<",">","?","");   ';   
  strHTML+='var   curOverTd=null;   var   curClkTd=null;   var   CapsStatus="black";';   
  strHTML+='var   pwdObjectId=parent.document.getElementById("'+pwdObj.id+'");';   
  strHTML+='function   TdMouseOver(TdObj){   ';   
  strHTML+=' TdObj.className   ="tdover";   ';   
  strHTML+=' curOverTd=TdObj;}   ';   
  strHTML+='function   TdMouseOut(TdObj){   ';   
  strHTML+=' if(curClkTd==TdObj)';   
  strHTML+=' TdObj.className   ="tdclick";   ';   
  strHTML+=' else';   
  strHTML+=' TdObj.className   ="tdnormal";   ';   
  strHTML+=' }   ';   
  strHTML+='function   TdMouseClk(TdObj){   ';   
  strHTML+=' if(curClkTd)';   
  strHTML+=' curClkTd.className   ="tdnormal";   ';   
  strHTML+=' TdObj.className   ="tdclick";   ';   
  strHTML+=' curClkTd=TdObj;   ';   
  strHTML+=' curOverTd=null;   ';   
  strHTML+='     pwdObjectId.value+=TdObj.innerText;';   
  strHTML+='   }';   
  strHTML+='   function   btnCapsDown(btnObj){';   
  strHTML+=' if(CapsStatus=="black"){   CapsStatus="green";   ChgText(arrUp);}';   
  strHTML+=' else{   CapsStatus="black";   ChgText(arrLow);};   ';   
  strHTML+=' btnObj.style.color=CapsStatus=="black"?"#000000":"#33FF66";';   
  strHTML+=' if(curClkTd){   if(curClkTd.className=="tdclick")   curClkTd.className="tdnormal";   else   curClkTd.className="tdclick";   }';   
  strHTML+=' btnObj.style.color=CapsStatus=="black"?"#000000":"#33FF66";';   
  strHTML+='   }';   
  strHTML+='   function   ChgText(arr){';   
  strHTML+=' var   table=document.getElementById("tbKeyboard");';   
  strHTML+=' for(var   i=0;i<2;i++)';   
  strHTML+=' for(var   j=0;j<5;j++)';   
  strHTML+=' table.rows[i].cells[j].innerText=arr[12*i+j];';   
  strHTML+='   }';   
  strHTML+='   function   btnSpaceDown(){';   
  strHTML+=' pwdObjectId.value+="   "';   
  strHTML+='   }';   
  strHTML+='   function   btnBackDown(){';   
  strHTML+=' pwdObjectId.value=pwdObjectId.value.substring(0,pwdObjectId.value.length-1)';   
  strHTML+='   }';   
  strHTML+='   function   btnEnterDown(){';   
  strHTML+=' parent.oPopUp.hide();parent.body.sendform.submit(); ';   
  strHTML+='   }';   
  strHTML+='</scr'+'ipt></head>   ';   
  strHTML+='<body   bgcolor="#33FF66"   style="margin:2;filter:Alpha(opacity=100);   border:1   solid   #3C97C6;overflow:hidden;"   oncontextmenu="javascript:event.returnValue=false;"   onselectstart="javascript:event.returnValue=false;">   ';   
  strHTML+='<table   id="tbKeyboard"   cellpadding="0"   cellspacing="0"   border="1"   style="TABLE-LAYOUT:   fixed;   width:100%;height:100%;   border-collapse:collapse;   cursor:default"   bordercolor="#FFFFFF">';   
  var   arr=new   Array("1","2","3","4","5","6","7","8","9","0");   
  for(var   i=0;i<2;i++){   
  strHTML+='<tr  height="50">';   
  for(var   j=0;j<5;j++)   
  strHTML+='<td  width="58"  class="tdnormal"   valign="middle"   onMouseOver="TdMouseOver(this)"   onMouseOut="TdMouseOut(this)"   onClick="TdMouseClk(this)">'+arr[i*5+j]+'</td>';   
  strHTML+='</tr">';   
  }   
  strHTML+='<tr   height=""><td   class="tdnormal"   colspan="12"><table   width="100%"     border="0"   cellpadding="0"   cellspacing="0"   style="margin:0">';    
  strHTML+='<td   class="tdnormal"   width="20%" height="50"  valign="middle"><input   type="button"   value="删除"   onclick="btnBackDown()"   class="button"></td>';   
  strHTML+='<td   class="tdnormal"   width="20%"   valign="middle"><input   type="button"   value="确定"   onclick="parent.body.sendform.submit();"   class="button"></td>';   
  strHTML+='</tr></table></td>';   
  strHTML+='</tr></table></body></html>';   
  oPopUp.document.write(strHTML);   
  }   
  </script>
  </head>   
    
  <body   onload="javascript:txtPwd.click()"> 
<form name="form1" method="post" action="">
<input   name="FP1000"   type="text" class="STYLE7"   id="FP1000"   onclick="SoftKeyboard(this)" value="<%=FP1%>" size="6" maxlength="3"   readonly="readonly" >
 </form> 
我的目标是，当我点击文本框后，用弹出的模拟键盘输入数字，然后当我点击模拟键盘中的“确定”后，可以刷新文本框所在的页面。