0

他の複数のjspを使用してページを作成するために使用しているlayout.jspがあります。

メインコンテンツのjspページには、ボタンが1つか2つあります。現在のバージョンでは、ボタンを使用して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 に答える