2013-02-22 57 views
0

我想要一个表格右边的图片。把一个img放在一张表的右侧#版本2

这里是我想要的(油漆一样):

enter image description here

这里是我的html:(并不关心, “如果”,在 “JSP”)。 例如代码的最后一行(“如果”后):<td class="noborder"><img src="img/refresh.png" class="refreshButton" alt="Refresh" id="sameRightsAsRefresh" href="Javascript:void;"></img></td>

这里是CSS:

table td,table th 
{ 
    border: 1px ridge black; 
    padding: 3px; 
} 

td.noborder { 
    border:0 
} 

我希望有我的按钮刷新在SameRightsAs,用户名的右侧,姓。

的完整代码:

<!-- FIRST TABLE : REQUESTOR --> 
      <form id="form" method="post" action="mainServlet?command=FillBlanks&amp;"> 
       <p class="tableHead">Request For:</p> 
       <table class="requestor"> 

        <tr> 
         <td class="reqCellLabel">Username:</td> 
         <td class="reqCellAnswer" id="oracleUsername"><input id="oracleUsernameText" class="reqCellAnswer" onchange="fillBlanks(this.id,this.value)" 
          type="text" name="Requestor" <%if(Integer.parseInt(request.getParameter("isCreation")) == 1){%> readonly <%}%>></input></td> 
        </tr> 
        <tr> 
         <td class="reqCellLabel">Oracle Employee #:</td> 
         <td class="reqCellAnswer" id="oracleEmployeeNumber"><input id="oracleEmployeeNumberText" class="reqCellAnswer" 
          type="text" name="Requestor" ></input></td> 
        </tr> 
        <tr> 
         <td class="reqCellLabel">Last name:</td> 
         <td class="reqCellAnswer" id="lastName"><input id="lastNameText" class="reqCellAnswer" 
          type="text" name="Requestor" ></input></td> 
        </tr> 

        <tr> 
         <td class="reqCellLabel">First name:</td> 
         <td class="reqCellAnswer" id="firstName"><input id="firstNameText" class="reqCellAnswer" 
          type="text" name="Requestor" ></input></td> 
        </tr> 

        <tr> 
         <td class="reqCellLabel">Timezone:</td> 
         <td class="reqCellAnswer" id="timeZone"><input id="timeZoneText" class="reqCellAnswer" 
          type="text" name="Requestor" ></input></td> 
        </tr> 

        <tr> 
         <td class="reqCellLabel">Default Printer:</td> 
         <td class="reqCellAnswer" id="defaultPrinter"><input id="defaultPrinterText" class="reqCellAnswer" 
          type="text" name="Requestor" value=""></input></td> 
        </tr> 
        <tr> 
         <td class="reqCellLabel">Employee is a buyer ?</td> 
         <td class="reqCellAnswer" id="employeeIsBuyer"><input id="employeeIsBuyerText" class="reqCellAnswer" 
          type="text" name="Requestor" ></input></td> 
        </tr> 
        <tr> 
         <td class="reqCellLabel">Same rights as :</td> 
         <td class="reqCellAnswer" id="sameRightsAs"><input id="sameRightsAsText" name="sameRightsAsText" class="reqCellAnswer" onchange="sameRightsAs(this.id,this.value)" 
          type="text" name="Requestor" <%if(Integer.parseInt(request.getParameter("isCreation")) == 0){%> disabled <%}%>></input></td> 
         <%if(Integer.parseInt(request.getParameter("isCreation")) == 1){%> <td class="noborder"><img src="img/refresh.png" class="refreshButton" alt="Refresh" id="sameRightsAsRefresh" href="Javascript:void;"></img></td><%}%> 
        </tr> 
       </table> 

      </form> 
</body 

回答

0

这样的事情? 讲究,所有的文本字段具有相同的名称,当你提交表单的最后一个将是公认的价值,但也许就是一个例子,我希望:)

<table class="requestor"> 

        <tr> 
         <td class="reqCellLabel">Username:</td> 
         <td class="reqCellAnswer" id="oracleUsername"><input id="oracleUsernameText" class="reqCellAnswer" onchange="fillBlanks(this.id,this.value)" 
          type="text" name="Requestor"></input></td> 
         <td class="noborder" id="oracleUsername"><img src="refresh.jpg" width="16" height="16" /></td> 
        </tr> 
        <tr> 
         <td class="reqCellLabel">Oracle Employee #:</td> 
         <td class="reqCellAnswer" id="oracleEmployeeNumber"><input id="oracleEmployeeNumberText" class="reqCellAnswer" 
          type="text" name="Requestor" ></input></td> 
         <td class="noborder" id="oracleEmployeeNumber">&nbsp;</td> 
        </tr> 
        <tr> 
         <td class="reqCellLabel">Last name:</td> 
         <td class="reqCellAnswer" id="lastName"><input id="lastNameText" class="reqCellAnswer" 
          type="text" name="Requestor" ></input></td> 
         <td class="noborder" id="lastName">&nbsp;</td> 
        </tr> 

        <tr> 
         <td class="reqCellLabel">First name:</td> 
         <td class="reqCellAnswer" id="firstName"><input id="firstNameText" class="reqCellAnswer" 
          type="text" name="Requestor" ></input></td> 
         <td class="noborder" id="firstName">&nbsp;</td> 
        </tr> 

        <tr> 
         <td class="reqCellLabel">Timezone:</td> 
         <td class="reqCellAnswer" id="timeZone"><input id="timeZoneText" class="reqCellAnswer" 
          type="text" name="Requestor" ></input></td> 
         <td class="noborder" id="timeZone">&nbsp;</td> 
        </tr> 

        <tr> 
         <td class="reqCellLabel">Default Printer:</td> 
         <td class="reqCellAnswer" id="defaultPrinter"><input id="defaultPrinterText" class="reqCellAnswer" 
          type="text" name="Requestor" value=""></input></td> 
         <td class="noborder" id="defaultPrinter">&nbsp;</td> 
        </tr> 
        <tr> 
         <td class="reqCellLabel">Employee is a buyer ?</td> 
         <td class="reqCellAnswer" id="employeeIsBuyer"><input id="employeeIsBuyerText" class="reqCellAnswer" 
          type="text" name="Requestor" ></input></td> 
         <td class="noborder" id="employeeIsBuyer">&nbsp;</td> 
        </tr> 
        <tr> 
         <td class="reqCellLabel">Same rights as :</td> 
         <td class="reqCellAnswer" id="sameRightsAs"><input id="employeeIsBuyerText" class="reqCellAnswer" 
          type="text" name="Requestor" ></input></td> 
         <td class="noborder" id="sameRightsAs"><img src="refresh.jpg" alt="" width="16" height="16" /></td> 

        </tr> 
       </table> 
+0

好吧,我会理解你的代码并回答你是否工作(或不)。 这不是一个例子,但我不使用的名称,只有与“document.getElementById(...)” ID非常感谢你的答案的方式 – Riri 2013-02-22 16:34:43

+0

当你提交表单的名称参数是一个你会在下一步收集中找到的 – Ast 2013-02-22 16:40:35

+0

即使你使用AJAX – Riri 2013-02-22 16:46:21