Hi Gurus,
I have this problem that I was not able to solve for many hours already. So, I decided to post this issue on this forum:
- I would like to come up when I click the link “change order”, all the order column should show the textbox with the order value.
- I would like to come up when I change the order value, it should not accept duplicate like 2 and other one is 2 too.
Javascript code so far:
function showChangeCompositeSectionOrderForm(rcsoID)
{
getElement('changeCompositeSectionOrder_' + rcsoID).style.display = "none";
getElement('changeCompositeSectionOrderLink_' + rcsoID).style.display = "none";
getElement('changeCompositeSectionOrderForm_' + rcsoID).style.display = "";
getElement('changeCompositeSectionOrderSave_' + rcsoID).style.display = "";
}
Here is my HTML:
<table width="100%" cellspacing="0" cellpadding="2" border="0">
<tr class="Header">
<td style="width:10%;">Order</td>
<td style="width:30%;">Section Name</td>
<td style="width:10%; text-align:center;">Custom</td>
<td style="width:50%; text-align:center;"> </td>
</tr>
<tr class="Row">
<td style="width:10%; padding:2px 2px 2px 16px;">
<span id="changeCompositeSectionOrder_9">1</span>
<span style="display:none;" id="changeCompositeSectionOrderForm">
<input type="text" size="2" value="1" id="rcso_order_9" name="rcso_order_9">
</span>
</td>
<td style="width:30%;">Cover Section</td>
<td style="width:10%; text-align:center;">no</td>
<td style="width:50%; text-align:center;">
<a href="javascript:verifyRemoveSectionType(getElement('frmMain'), '9', '179', '283', '9');" class="smallLinks">remove</a> | <a href="javascript:showChangeCompositeSectionOrderForm('9');" id="changeCompositeSectionOrderLink_9" class="smallLinks">change order</a>
<span style="display:none;" id="changeCompositeSectionOrderSave_9">
<a href="javascript:verifyCompositeSectionOrderSave(getElement('frmMain'), '9');" class="smallLinks">save</a>
</span>
</td>
</tr>
<tr class="Row">
<td style="width:10%; padding:2px 2px 2px 16px;">
<span id="changeCompositeSectionOrder_10">2</span>
<span style="display:none;" id="changeCompositeSectionOrderForm">
<input type="text" size="2" value="2" id="rcso_order_10" name="rcso_order_10">
</span>
</td>
<td style="width:30%;">Preface Section</td>
<td style="width:10%; text-align:center;">no</td>
<td style="width:50%; text-align:center;">
<a href="javascript:verifyRemoveSectionType(getElement('frmMain'), '10', '179', '283', '10');" class="smallLinks">remove</a> | <a href="javascript:showChangeCompositeSectionOrderForm('10');" id="changeCompositeSectionOrderLink_10" class="smallLinks">change order</a>
<span style="display:none;" id="changeCompositeSectionOrderSave_10">
<a href="javascript:verifyCompositeSectionOrderSave(getElement('frmMain'), '10');" class="smallLinks">save</a>
</span>
</td>
</tr>
<tr class="Row">
<td colspan="4"> </td>
</tr>
</table>