1

ステップ 1: 以下は、ポップアップ ウィンドウの JavaScript です。

    <SCRIPT LANGUAGE="JavaScript">
    <!--
    var myWindow;

    function openCenteredWindow(url) {
    var width = 780;
    var height = 215;
    var left = parseInt((screen.availWidth/2) - (width/2));
    var top = parseInt((screen.availHeight/2) - (height/2));
    var windowFeatures = "width=" + width + ",height=" + height + ",status,left=" + left + ",top=" + top + "screenX=" + left + ",screenY=" + top;
    myWindow = window.open(url, "subWind", windowFeatures);
    }
    //-->
    </SCRIPT>

ステップ 2: 以下は、JavaScript ポップアップ ウィンドウに表示されるフォーム ページです。

    <form name="form1" method="post" action="">
        <table width="100%" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td bgcolor="#000000"><span class="style6">Menu Details</span></td>
          </tr>
          <tr>
            <td bgcolor="#E8F2FF">&nbsp;</td>
          </tr>
          <tr>
            <td bgcolor="#E8F2FF"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
              <tr>
                <td width="17%" bgcolor="#E8F2FF">&nbsp;<strong>Diet Menu Item</strong></td>
                <td width="26%" bgcolor="#E8F2FF">&nbsp;<? echo $DIET_MENUITEM_ID;?></td>
                <td width="11%" bgcolor="#E8F2FF">&nbsp;<strong>Serving Size</strong></td>
                <td width="27%" bgcolor="#E8F2FF">&nbsp;<? echo $SERVING_SIZE;?></td>
                <td width="12%" bgcolor="#E8F2FF">&nbsp;<strong>Enabled</strong></td>
                <td width="7%" bgcolor="#E8F2FF"><input name="ENABLED" type="checkbox" id="ENABLED" value="1" <? if($ENABLED==1){?>checked <? }?> /></td>
              </tr>
              <tr>
                <td bgcolor="#E8F2FF">&nbsp;<strong>Cook Instructions</strong></td>
                <td colspan="5" bgcolor="#E8F2FF"><textarea name="COOK_INSTRUCTION" cols="50" rows="5" id="COOK_INSTRUCTION"><? echo $COOK_INSTRUCTION;?></textarea></td>
              </tr>
              <tr>
                <td bgcolor="#E8F2FF">&nbsp;</td>
                <td bgcolor="#E8F2FF"><input type="submit" name="update" id="update" value="Update"></td>
                <td bgcolor="#E8F2FF">&nbsp;</td>
                <td bgcolor="#E8F2FF">&nbsp;</td>
                <td bgcolor="#E8F2FF">&nbsp;</td>
                <td bgcolor="#E8F2FF">&nbsp;</td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td bgcolor="#E8F2FF">&nbsp;</td>
          </tr>
          <tr>
            <td bgcolor="#000000"><span class="style6">&nbsp;<? echo $info;?></span></td>
          </tr>
        </table>
    </form>

問題 : ステップ 2 で送信ボタンをクリックした後にポップアップ ウィンドウを自動的に閉じる方法。送信ボタンをクリックした後にポップアップ ウィンドウを自動的に閉じるのに問題があります。

4

1 に答える 1

0

ポップアップ自体の内部にいる場合は、単純に呼び出すだけでポップアップwindow.close();を閉じることができます。どこに置くかは、いつ閉じたいかによって異なります。たとえば、サーバー側の処理後に閉じたい場合は、サーバー側のコードに次のようなものを追加できます。

echo "<script type='text/javascript'>window.close();</script>"
于 2013-06-10T14:22:51.717 に答える