0

検索結果を表示した後にポップアップフォームを作成したい。私は JavaScript についてほとんど知らないので、結果を表示してから 2 秒遅れるポップアップ フォームを作成するにはどうすればよいですか? 私を助けてください

現在使用しているフォーム

 <form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>">
    <table class="form_font" align="center">
    <tr>
      <td class="title" colspan="2">Log in<br /> <hr style="width:100%; background-color:#000000"></td>
    </tr>
    <tr>
      <td colspan="2"><?php echo $error_MSG;?></td>
    </tr>
    <tr>
      <td colspan="2">Don't have an account? <span class="form_font2"><a href="rates_signup.php">Create one.</a></span></td>
    </tr>
    <tr>
      <td align="right">Email Address:</td><td><input style="width:180px" type="text" name="email"/></td>
    </tr>
    <tr>
      <td align="right">Password:</td><td><input style="width:180px" type="password" name="password"/></td>
    </tr>
    <tr>
      <td></td><td align="right">
      <table class="form_font">
      <tr>
      <td><input type="checkbox" name="remember" value="remember"/></td><td>Remember me (10days)</td>
      </tr>
      </table>
      </td>
    </tr>
    <tr>
      <td></td><td align="right"><input type="submit" class="submitStyle" name="login" value="login"/><input type="submit" name="email_newpass" value="E-mail new password"></td>
    </tr>
    </table>
    </form>

これを変更するにはどうすればよいですか: ここに画像の説明を入力

4

2 に答える 2

0

あなたの画像に表示されているのはモーダルウィンドウのようです。参照:モーダル形式のjquery-UI拡張。

私はjsfiddleでを作成します、それは動作しますが、いくつかのCSSの問題があります(Jsfiddleかもしれません、私は私のコードです:)

2秒後のモーダルウィンドウのトリガーは次のとおりです。

 setTimeout( function() {
  $( "#dialog-form" ).dialog( "open" );
}, 2000 );

@Interfectorが提案するように

于 2012-07-02T11:32:58.070 に答える
0
<script>
  var displayPopUp = function() {
    setTimeout( function() {
      //This is the part where you display your pop-up
    }, 2000 );
  };
  document.getElementsByTagName( 'body' )[ 0 ].addEventListener( 'load', displayPopUp );
</script>

このスクリプトが行うことは、がロードさdisplayPopUpれた後に呼び出される関数を作成することです。bodyこの関数は、2 秒後に実行されるタイマーを作成します。

于 2012-07-02T07:00:08.237 に答える