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 回答