Question

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

但是我已经有了一个加载oracle表单的部门。我希望将此表单div保留在页面底部。

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

我希望将div（由JavaScript创建）保留在顶部，因为它包含通知。

以下是我写的代码：

<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'包含oracle表单。通知应显示在此div之上。

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

Answer 1

我假设您未向我们展示的其他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');
});

哪个应该将#menu div移动到页面的末尾。

如何使javascript创建的html元素出现在页面顶部？

1 个答案: