我有一个布局.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);
}
就是这样!
你的意思是你想在按钮内插入一个按钮?或者在div 中创建另一个按钮?
<div class="row-fluid verticalmenubottom">
<div id="button1" class="span12 verticalMenuCell appButtonDiv"></div>
<div id="button2" class="span12 verticalMenuCell appButtonDiv"></div>
</div>
或者我想念什么@@?