修复将要显示或隐藏的表格下方的按钮

时间:2011-10-20 10:21:38

标签: javascript html button

我的表单中有按钮,上面有我将其设置为阻止而不阻塞的表格(Javascript) 当我点击链接时,相关表格将显示内容我的问题是通过点击链接按钮的位置将改变我希望它们被修复我该怎么办? (我在页面中有2个表单标签,这个表单是第二个) 在此先感谢

<form name="ruleSaveSettingForm" method="POST" onsubmit="return applySave();">
<input type="hidden" name="rule_id">
<input type="hidden" name="rule_value">
<input type="hidden" name="openerhref">
<table align="right" border="0" cellpadding="0">
<tr>
<td class="tdaction"> <input type="submit" id="Save" value="Save" class="but"></td>
<td class="tdaction"> <input type="button" id="Reset" value="Reset" class="but" onclick="resetForm();return false;"></td>
<td class="tdaction"> <input type="button" id="Close" value="Close" class="but" onclick="window.close();"></td>
</tr>
</table>
</form>

2 个答案:

答案 0 :(得分:0)

  1. 最好将按钮移出桌子外面,如果它的话 放在里面。
  2. 将表格移动到div并为其指定样式 属性
  3. min-height:50px;

    即使使用java脚本隐藏表格,这仍然是div的高度为50 px。

    希望这能解决你的问题

答案 1 :(得分:0)

<div style='min-height:150px;' id='yourID'>
    <table border='1'>
        <tr>
            <td>data1</td>
            <td>data1</td>
        <tr>
        <tr>
            <td>data1</td>
            <td>data1</td>
        <tr>
        <tr>
            <td>data1</td>
            <td>data1</td>
        <tr>
    </table>
</div>
<div>
    <table>
        <tr>
            <td>button1</td>
            <td>button2</td>
            <td>button3</td>
        <tr>
    </table>
</div>

在上面的示例中,您需要将按钮放在一个新的div中。您可以自由使用div或table。