0

我有一个 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>

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

4

2 回答 2

1

你的意思是你想在按钮内插入一个按钮？或在 div 中创建另一个按钮？

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

或者我想念什么@@？

于 2012-11-14T15:54:52.200 回答
1

我没有 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);
}

而已！

于 2012-11-14T16:15:47.370 回答