蜗牛，在赛跑

--努力去改变吧
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

弹出新页面，输入数据后返回原页面

Posted on 2007-04-02 17:38  body  阅读(445)  评论(0)    收藏  举报

原始页面：

 <HTML>   
  <HEAD>   
  <TITLE>showModelessDialogEX.htm</TITLE>   
  <SCRIPT>   
  var   sUserName="";                               
  /*------------------------------------------------------------   
  Supplying   the   window   object   as   a   parameter   allows   for   declaring   the   global     
  variable,   sUserName,   and   using   it   to   return   information   from   the   modeless     
  dialog   box.   
  -------------------------------------------------------------   */   
  function   fnCallDialog()                                                                                             
  {   
    showModelessDialog("myDialog.htm",window,"status:false;dialogWidth:300px;dialogHeight:300px");   
  }   
  /*-------------------------------------------------------------   
  The   fnUpdate   function   takes   the   value   passed   into   sUserName   in   myDialog.htm     
  to   update   the   span   text   on   this   page.   This   function   is   called   in   both     
  fnGetInfo   and   fnCancel   functions   in   myDialog.htm.   
  -------------------------------------------------------------*/   
  function   fnUpdate()   
  {   
      oName.innerText   =   sUserName;   
  }   
  </SCRIPT>   
  </HEAD>   
  <BODY>   
  <P>Enter   your   first   name:   <SPAN   ID="oName"     
  STYLE="color:red;font-size:24">Joan</SPAN></P>   <INPUT   TYPE="button"     
  VALUE="Display   Modeless   Dialog"   onclick="fnCallDialog()">   
  </BODY>   
  </HTML> 

 弹出页面：

<HTML>   
  <HEAD>   
  <TITLE>myDialog.htm</TITLE>   
  <SCRIPT>   
  /*   -------------------------------------------------------------   
  This   function   makes   use   of   the   dialogArguments   property   of   the   
  window   object.   dialogArguments   allows   the   global   variable   sUserName   
  to   feed   the   value   supplied   to   the   input   in   this   dialog   box   back   to   
  the   window   that   called   it.   
  ----------------------------------------------------------------   */   
  function   fnGetInfo()   
  {   
      var   sData   =   dialogArguments;   
      sData.sUserName   =   oEnterName.value;   
      sData.fnUpdate();   
  }   
  /*   -------------------------------------------------------------   
  This   function   cleans   up   in   case   the   user   has   clicked   the     
  Apply   button   before   canceling.   
  ----------------------------------------------------------------   */   
  function   fnCancel()   
  {   
      var   sData   =   dialogArguments;   
      sData.sUserName   =   "Joan";   
      sData.fnUpdate();     
  }   
  </SCRIPT>   
  </HEAD>   
  <BODY>   
  <LABEL   FOR="oEnterName"   ACCESSKEY="f">Enter   your     
  <SPAN   STYLE="text-decoration:underline">F</SPAN>irst   Name</LABEL>   
  <INPUT   ID=oEnterName><BR><BR>   
  <INPUT   VALUE="Apply"   TYPE=button   onclick="fnGetInfo();">   
  <INPUT   VALUE="Ok"   TYPE=button   onclick="fnGetInfo();window.close();">   
  <INPUT   VALUE="Cancel"   TYPE=button   onclick="fnCancel();window.close();">   
  </BODY>   
  </HTML>