0

我编写了一个 JavaScript 文件，该文件包含在 HTML 代码的头部。此 JavaScript 代码在网页上创建了一些新的div和。iframeJavascript 在 10 分钟后创建这些划分。此通知用于会话超时。

但是我已经有一个部门可以在其中加载 oracle 表单。我想将此表单保留div在页面底部。

当新的出现（由 JavaScript 代码创建）时，是否可以div自动向下移动此表单。div什么都不应该重叠。

我想保持div（由 JavaScript 创建）在顶部，因为它包含一个 notification 。

下面是我写的代码：

<html>

<head>
    <title>Kshitij Jain</title>
    <script src="../common/jquery-1.6.2.min.js"></script>
    <script>
        $(document).ready(function(){
            $("#menu").html('<object data="http://209.34.231.132/forms/frmservlet?form=ClmRepymt&amp;config=common">');
        });
    </script>

    <script type="text/javascript">
        var logoutPath = '<%=ServerSupportUtil.getURL(response,ServerSupportUtil.getApplURL()+"/servlets/MenuServlet?dirc=logout")%>';
        var sessionTimeout = '<%=session.getMaxInactiveInterval()%>';
        var refreshSessionUrl = '<%=ServerSupportUtil.getApplURL()%>/common/refreshsession.jsp';
        var countDownSeconds = '<%=CommonSupportUtil.getSessionTimeoutCountDownSec()%>';
    </script>
    <script type="text/javascript" src="<%=ServerSupportUtil.getApplURL() %>/common/net.js"></script>
    <script type="text/javascript" src="<%=ServerSupportUtil.getApplURL() %>/common/AjaxSessionTimer.js"></script>
    <style>
        object {
            width:825px; 
            height:625px;
            z-index: -100;
        }
    </style>
</head>   

<div id="menu"></div>
</body>
</html>

在这里，div有id='menu'包含甲骨文形式。通知应出现在此上方div。

我无法更改我的 JavaScript 代码，因为它对整个 Web 应用程序都是通用的。所有更改都应在此 JSP 内。

4

1 回答 1

0

我假设您未向我们展示的其他 js 文件正在通过appendTo('body')或类似方式添加内容。在这种情况下，您可以移动此部分：

$(document).ready(function(){
   $("#menu").html('<object data="http://209.34.231.132/forms/frmservlet?form=ClmRepymt&amp;config=common">');
});

在加载其他内容的脚本下方，并将其更改为：

$(document).ready(function(){
   $("#menu").html('<object data="http://209.34.231.132/forms/frmservlet?form=ClmRepymt&amp;config=common">').appendTo('body');
});

这应该将#menudiv 移动到页面的末尾。

于 2013-08-09T13:27:01.773 回答