使用文檔準備將按鈕插入到jsp的div上

我有一個layout.jsp，我正在使用其他多個jsp來構建頁面。使用文檔準備將按鈕插入到jsp的div上

在我的主要內容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>

有些情況下，我會有多個按鈕。

來源

2012-11-14 zmanc

我沒有JSP能力，但是你問如何添加內容到文檔就緒的元素。

使用jQuery，你可以這樣做：

$(document).ready(init);

別的不JQuery的，你可以用你的身體元素的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-14 16:15:47 LittleSweetSeas

我不得不稍微調整一下，但這正是我所尋找的。我現在唯一想知道的是如何將它與表單提交:) – zmanc

你可以在你的新divs上添加一個click事件並綁定它來調用document.formName.submit（） – LittleSweetSeas

，這正是我確實有效。 – zmanc

你的意思是你想在按鈕內插入一個按鈕？或在div內創建另一個按鈕？

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

or i miss something @@？

來源

2012-11-14 15:54:52

我正在尋找添加按鈕到當前沒有任何內容的div，它是一個佔位符。 – zmanc

使用文檔準備將按鈕插入到jsp的div上

回答

相關問題