gpt4 book ai didi

java - 使用 document Ready 将按钮插入 jsp 上的 div

转载 作者:行者123 更新时间:2023-12-02 07:27:13 26 4
gpt4 key购买 nike

我有一个layout.jsp,我用它来构建一个使用多个其他jsp 的页面。

在我的主要内容 jsp 页面中,我有一两个按钮。在当前版本中,我将 div 与按钮相对定位。

我正在切换页面的设计方式。我在布局页面中创建了一个 div 来放置按钮。我给了它一个 appButtonDiv 类。

我遇到的问题是我不知道如何创建一个按钮将其插入 div 中。我想在文档准备好后执行此操作。

这是我想要将按钮放入的 div。

    <div class="row-fluid verticalmenubottom">
<div class="span12 verticalMenuCell appButtonDiv"></div>
</div>

下面是一个示例按钮。

 <button type="submit" id="searchButton" name="searchButton"
value='<spring:message code="Generic.Search"/>'/>
Search</button>

在某些情况下,我会有多个按钮。

最佳答案

我没有JSP能力,但是你问如何将内容添加到文档就绪的元素中。

使用 JQuery,您可以执行以下操作:

$(document).ready(init);

如果没有 JQuery,您可以使用 body 元素的 onload 事件:

<body onload="init()">...</body>

然后在脚本标记中声明此函数:

function init() {
//this executes on document ready

//create your elements
var externDiv = document.createElement('div');
var internDiv = document.createElement('div');
externDiv.className = 'row-fluid verticalmenubottom';
internDiv .className = 'span12 verticalMenuCell appButtonDiv';
externDiv.appendChild(internDiv);

//find your button and put the new elements in it (check that your jsp don't change the id client-side)
var btn = document.getElementById('searchButton');
btn.appendChild(externDiv);
}

就是这样!

关于java - 使用 document Ready 将按钮插入 jsp 上的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13382229/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com