thi is my jsf file
<h:dataTable id="table1" value="#{helper.plexes}" var="p" idth="100%">
<h:column id="column1">
<d:div id="div2" rendered ="true" styleClass="banner">
<h:outputLink id="command2" onclick ="javascript:showHideNavigation( here i have to pass the id )" style = "display : block" value = "#">
<h:graphicImage id="image1" alt="Expand / Collapse"url="../images/arrow_collapsed.gif"/>
<h:outputText value="#{p.name}" id="text5"/>
</h:outputLink>
</d:div>
<d:div id="div3" rendered ="true" style = "display : none ">
<h:dataTable id="table2" value="#{p.WLMAttributes}" var="a" border="5" width="100%" bgcolor="white">
<h:column id="coloumn11">
<f:facet name="header">
<h:outputText styleClass="outputText" value="Attribute Name" id="text2"/>
</f:facet>
<h:outputText styleClass="outputText" value="#{a.name}"/>
</h:column>
<h:column id = "coloumn22">
<f:facet name="header">
<h:outputText styleClass="outputText" value="Attribute Value" id="text3"/>
</f:facet>
<h:outputText styleClass="outputText" value="#{a.value}"/>
</h:column>
</h:dataTable>
</d:div>
</h:column>
</h:dataTable>
this is my java script function
function showHideNavigation(var) {
taskDiv = document.getElementById(var);
if (taskDiv.style.display == "block") {
taskDiv.style.display = "none";
taskImg.src = "../images/arrow_collapsed.gif";
} else {
taskDiv.style.display = "block";
taskImg.src = "../images/arrow_expanded.gif";
}
}
following code is the generated html code.
see it is generating duplicate ids :check it
this is the id repeating 3 times"helper:table1:table14:0:command5"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<script>
function showHideNavigation(item) {
var temp = document.getElementById("plexIndex");
taskImg = document.getElementById(item.id.substring(0, item.id.lastIndexOf(':')) + ':image'+item.id.substring(item.id.length-1));
taskDiv = document.getElementById(item.id.substring(0, item.id.lastIndexOf(':')) + ':child_div'+item.id.substring(item.id.length-1));
if (taskDiv.style.display == "block" ) {
taskDiv.rendered = "true";
taskDiv.style.display = "none";
taskImg.src = "../images/arrow_collapsed.gif";
} else {
taskDiv.style.display = "block";
taskDiv.rendered = "false";
taskImg.src = "../images/arrow_expanded.gif";
}
}
</script>
<head>
</head>
<form id="helper" method="post" action="/datatabledemo-app/pages/WLMHome.faces" enctype="application/x-www-form-urlencoded">
<div id="helper:div0" style="margin-left:0.3em;">
<a id="helper:command0" href="#" onclick="javascript:showHideNavigation(this)" style="color: rgb(0, 0, 0); text-decoration: none; display : block"><img id="helper:image0" src="../images/arrow_collapsed.gif" alt="Expand / Collapse" style="border : 0;" />plexes</a>
</div>
<div id="helper:child_div0" style="display : none">
<table id="helper:table1" width="100%">
<tbody>
<tr>
<td><span id="plexIndex" title="helper:table1:0:column1"></span><div id="helper:table1:0:div2" style="margin-left:0.9em;"><a id="helper:table1:0:command1" href="#" onclick="javascript:showHideNavigation(this)" style="color: rgb(0, 0, 0); text-decoration: none; display : block"><img id="helper:table1:0:image1" src="../images/arrow_collapsed.gif" alt="Expand / Collapse" style="border : 0;" /><span id="helper:table1:0:t1">plex1</span></a></div><div id="helper:table1:0:child_div1" style="color: rgb(0, 0, 0); text-decoration: none; display : block"><div id="helper:table1:0:div4" style="margin-left:2.1em;"><a id="helper:table1:0:command2" href="#" onclick="javascript:showHideNavigation(this)" style="color: rgb(0, 0, 0); text-decoration: none; display : block;"><img id="helper:table1:0:image2" src="../images/arrow_collapsed.gif" alt="Expand / Collapse" style="border : 0;" />attributes</a></div><div id="helper:table1:0:child_div2" style="color: rgb(0, 0, 0); text-decoration: none; display : block"><table id="helper:table1:table12" width="100%">
<thead>
<tr>
<th scope="col"><span id="helper:table1:table12:text2" style="margin-left:2.4em;">Attribute Name</span></th>
<th scope="col"><span style="margin-left:2.1em;">Attribute Value</span></th>
</tr>
</thead>
<tbody>
<tr>
<td><span style="margin-left:3.0em;">session_scale_1</span></td>
<td><span style="margin-left:3.0em;">1.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">session_scale_2</span></td>
<td><span style="margin-left:3.0em;">2.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">load_scale_1</span></td>
<td><span style="margin-left:3.0em;">0.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">load_scale_2</span></td>
<td><span style="margin-left:3.0em;">1.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">load_limit</span></td>
<td><span style="margin-left:3.0em;">600.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">connection_scale</span></td>
<td><span style="margin-left:3.0em;">1.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">same_limit_1</span></td>
<td><span style="margin-left:3.0em;">5</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">same_limit_2</span></td>
<td><span style="margin-left:3.0em;">10</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">same_adjustment</span></td>
<td><span style="margin-left:3.0em;">0.10</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">same_scale_1</span></td>
<td><span style="margin-left:3.0em;">0.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">same_scale_2</span></td>
<td><span style="margin-left:3.0em;">0.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">known_adjustment</span></td>
<td><span style="margin-left:3.0em;">0.05</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">known_scale_1</span></td>
<td><span style="margin-left:3.0em;">0.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">known_scale_2</span></td>
<td><span style="margin-left:3.0em;">0.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">normalise_scale</span></td>
<td><span style="margin-left:3.0em;">0.00833</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">equal_delta</span></td>
<td><span style="margin-left:3.0em;">0.0001</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">health_adjustment_1</span></td>
<td><span style="margin-left:3.0em;">0.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">health_adjustment_2</span></td>
<td><span style="margin-left:3.0em;">10.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">health_adjustment_3</span></td>
<td><span style="margin-left:3.0em;">100.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">health_adjustment_4</span></td>
<td><span style="margin-left:3.0em;">1000.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">health_adjustment_5</span></td>
<td><span style="margin-left:3.0em;">10000.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">health_timeout</span></td>
<td><span style="margin-left:3.0em;">120.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">score_limit</span></td>
<td><span style="margin-left:3.0em;">5000.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">retry_limit</span></td>
<td><span style="margin-left:3.0em;">2</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">reselection_limit</span></td>
<td><span style="margin-left:3.0em;">2</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">wcm_resend_timeout</span></td>
<td><span style="margin-left:3.0em;">1.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">wcm_retry_timeout</span></td>
<td><span style="margin-left:3.0em;">10.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">wcm_retry_limit_1</span></td>
<td><span style="margin-left:3.0em;">5</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">wcm_retry_limit_2</span></td>
<td><span style="margin-left:3.0em;">1</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">wcm_fail_timeout</span></td>
<td><span style="margin-left:3.0em;">600.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">autoinstall_load</span></td>
<td><span style="margin-left:3.0em;">3.0</span></td>
</tr>
</tbody>
</table>
</div><div id="helper:table1:0:div6" style="margin-left:2.1em;"><a id="helper:table1:0:command3" href="#" onclick="javascript:showHideNavigation(this)" style="color: rgb(0, 0, 0); text-decoration: none; display : block"><img id="helper:table1:0:image3" src="../images/arrow_collapsed.gif" alt="Expand / Collapse" style="border : 0;" />groups</a></div><div id="helper:table1:0:child_div3" style="color: rgb(0, 0, 0); text-decoration: none; display : block"><table id="helper:table1:table13" width="100%">
<thead>
<tr><th colspan="1" scope="colgroup">Group Value</th></tr>
</thead>
<tbody>
<tr>
<td><span style="margin-left:3.0em;">type1</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">type2</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">type3</span></td>
</tr>
</tbody>
</table>
</div><div id="helper:table1:0:div8" style="margin-left:2.1em;"><a id="helper:table1:0:command4" href="#" onclick="javascript:showHideNavigation(this)" style="color: rgb(0, 0, 0); text-decoration: none; display : block;"><img id="helper:table1:0:image4" src="../images/arrow_collapsed.gif" alt="Expand / Collapse" style="border : 0;" />programs</a></div><div id="helper:table1:0:child_div4" style="color: rgb(0, 0, 0); text-decoration: none; display : block;"><table id="helper:table1:table14" width="100%">
<tbody>
<tr>
<td><div id="helper:table1:table14:0:div10" style="margin-left:2.7em;"><a id="helper:table1:table14:0:command5" href="#" onclick="javascript:showHideNavigation(this)" style="color: rgb(0, 0, 0); text-decoration: none; display : block;"><span id="program" title="helper:table1:table14:0:command5"></span><img id="helper:table1:table14:0:image5" src="../images/arrow_collapsed.gif" alt="Expand / Collapse" style="border : 0;" /><span id="helper:table1:table14:0:t2">called1</span></a></div><div id="helper:table1:table14:0:child_div5" style="color: rgb(0, 0, 0); text-decoration: none; display : block;"><table id="helper:table1:table14:table141" width="100%">
<thead>
<tr>
<th scope="col"><span style="margin-left:2.4em;">Attribute Name</span></th>
<th scope="col"><span style="margin-left:2.1em;">Attribute Value</span></th>
</tr>
</thead>
<tbody>
<tr>
<td><span id="program" title="helper:table1:table14:table141:0:coloumn41"></span><span style="margin-left:3.0em;">load</span></td>
<td><span style="margin-left:3.0em;">0.25</span></td>
</tr>
<tr>
<td><span id="program" title="helper:table1:table14:table141:1:coloumn41"></span><span style="margin-left:3.0em;">dynamic</span></td>
<td><span style="margin-left:3.0em;">yes</span></td>
</tr>
</tbody>
</table>
</div></td>
</tr>
<tr>
<td><div id="helper:table1:table14:1:div10" style="margin-left:2.7em;"><a id="helper:table1:table14:1:command5" href="#" onclick="javascript:showHideNavigation(this)" style="color: rgb(0, 0, 0); text-decoration: none; display : block;"><span id="program" title="helper:table1:table14:1:command5"></span><img id="helper:table1:table14:1:image5" src="../images/arrow_collapsed.gif" alt="Expand / Collapse" style="border : 0;" /><span id="helper:table1:table14:1:t2">called2</span></a></div><div id="helper:table1:table14:1:child_div5" style="color: rgb(0, 0, 0); text-decoration: none; display : block;"><table id="helper:table1:table14:table141" width="100%">
<thead>
<tr>
<th scope="col"><span style="margin-left:2.4em;">Attribute Name</span></th>
<th scope="col"><span style="margin-left:2.1em;">Attribute Value</span></th>
</tr>
</thead>
<tbody>
<tr>
<td><span id="program" title="helper:table1:table14:table141:0:coloumn41"></span><span style="margin-left:3.0em;">load</span></td>
<td><span style="margin-left:3.0em;">0.25</span></td>
</tr>
<tr>
<td><span id="program" title="helper:table1:table14:table141:1:coloumn41"></span><span style="margin-left:3.0em;">dynamic</span></td>
<td><span style="margin-left:3.0em;">yes</span></td>
</tr>
</tbody>
</table>
</div></td>
</tr>
<tr>
<td><div id="helper:table1:table14:2:div10" style="margin-left:2.7em;"><a id="helper:table1:table14:2:command5" href="#" onclick="javascript:showHideNavigation(this)" style="color: rgb(0, 0, 0); text-decoration: none; display : block;"><span id="program" title="helper:table1:table14:2:command5"></span><img id="helper:table1:table14:2:image5" src="../images/arrow_collapsed.gif" alt="Expand / Collapse" style="border : 0;" /><span id="helper:table1:table14:2:t2">called3</span></a></div><div id="helper:table1:table14:2:child_div5" style="color: rgb(0, 0, 0); text-decoration: none; display : block;"><table id="helper:table1:table14:table141" width="100%">
<thead>
<tr>
<th scope="col"><span style="margin-left:2.4em;">Attribute Name</span></th>
<th scope="col"><span style="margin-left:2.1em;">Attribute Value</span></th>
</tr>
</thead>
<tbody>
<tr>
<td><span id="program" title="helper:table1:table14:table141:0:coloumn41"></span><span style="margin-left:3.0em;">load</span></td>
<td><span style="margin-left:3.0em;">0.25</span></td>
</tr>
<tr>
<td><span id="program" title="helper:table1:table14:table141:1:coloumn41"></span><span style="margin-left:3.0em;">dynamic</span></td>
<td><span style="margin-left:3.0em;">yes</span></td>
</tr>
</tbody>
</table>
</div></td>
</tr>
</tbody>
</table>
</div><div id="helper:table1:0:div12" style="margin-left:2.1em;"><a id="helper:table1:0:command6" href="#" onclick="javascript:showHideNavigation(this)" style="color: rgb(0, 0, 0); text-decoration: none; display : block;"><img id="helper:table1:0:image6" src="../images/arrow_collapsed.gif" alt="Expand / Collapse" style="border : 0;" />transactions</a></div><div id="helper:table1:0:child_div6" style="color: rgb(0, 0, 0); text-decoration: none; display : block"><table id="helper:table1:table15" width="100%">
<tbody>
<tr>
<td><span style="margin-left:3.0em;">TRN1</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">TRN2</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">TRN3</span></td>
</tr>
</tbody>
</table>
</div><div id="helper:table1:0:div14" style="margin-left:2.1em;"><a id="helper:table1:0:command7" href="#" onclick="javascript:showHideNavigation(this)" style="color: rgb(0, 0, 0); text-decoration: none; display : block"><img id="helper:table1:0:image7" src="../images/arrow_collapsed.gif" alt="Expand / Collapse" style="border : 0;" />nodes</a></div><div id="helper:table1:0:child_div7" style="color: rgb(0, 0, 0); text-decoration: none; display : block"><table id="helper:table1:table151" width="100%">
<tbody>
<tr>
<td><span style="margin-left:3.0em;">argon.in.ibm.com</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">alina.in.ibm.com</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">ampere.in.ibm.com</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">txdt32.in.ibm.com</span></td>
</tr>
</tbody>
</table>
</div></div></td>
</tr>
<tr>
<td><span id="plexIndex" title="helper:table1:1:column1"></span><div id="helper:table1:1:div2" style="margin-left:0.9em;"><a id="helper:table1:1:command1" href="#" onclick="javascript:showHideNavigation(this)" style="color: rgb(0, 0, 0); text-decoration: none; display : block"><img id="helper:table1:1:image1" src="../images/arrow_collapsed.gif" alt="Expand / Collapse" style="border : 0;" /><span id="helper:table1:1:t1">plex2</span></a></div><div id="helper:table1:1:child_div1" style="color: rgb(0, 0, 0); text-decoration: none; display : block"><div id="helper:table1:1:div4" style="margin-left:2.1em;"><a id="helper:table1:1:command2" href="#" onclick="javascript:showHideNavigation(this)" style="color: rgb(0, 0, 0); text-decoration: none; display : block;"><img id="helper:table1:1:image2" src="../images/arrow_collapsed.gif" alt="Expand / Collapse" style="border : 0;" />attributes</a></div><div id="helper:table1:1:child_div2" style="color: rgb(0, 0, 0); text-decoration: none; display : block"><table id="helper:table1:table12" width="100%">
<thead>
<tr>
<th scope="col"><span id="helper:table1:table12:text2" style="margin-left:2.4em;">Attribute Name</span></th>
<th scope="col"><span style="margin-left:2.1em;">Attribute Value</span></th>
</tr>
</thead>
<tbody>
<tr>
<td><span style="margin-left:3.0em;">session_scale_1</span></td>
<td><span style="margin-left:3.0em;">1.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">session_scale_2</span></td>
<td><span style="margin-left:3.0em;">2.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">load_scale_1</span></td>
<td><span style="margin-left:3.0em;">0.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">load_scale_2</span></td>
<td><span style="margin-left:3.0em;">1.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">load_limit</span></td>
<td><span style="margin-left:3.0em;">600.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">connection_scale</span></td>
<td><span style="margin-left:3.0em;">1.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">same_limit_1</span></td>
<td><span style="margin-left:3.0em;">5</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">same_limit_2</span></td>
<td><span style="margin-left:3.0em;">10</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">same_adjustment</span></td>
<td><span style="margin-left:3.0em;">0.10</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">same_scale_1</span></td>
<td><span style="margin-left:3.0em;">0.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">same_scale_2</span></td>
<td><span style="margin-left:3.0em;">0.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">known_adjustment</span></td>
<td><span style="margin-left:3.0em;">0.05</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">known_scale_1</span></td>
<td><span style="margin-left:3.0em;">0.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">known_scale_2</span></td>
<td><span style="margin-left:3.0em;">0.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">normalise_scale</span></td>
<td><span style="margin-left:3.0em;">0.00833</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">equal_delta</span></td>
<td><span style="margin-left:3.0em;">0.0001</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">health_adjustment_1</span></td>
<td><span style="margin-left:3.0em;">0.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">health_adjustment_2</span></td>
<td><span style="margin-left:3.0em;">10.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">health_adjustment_3</span></td>
<td><span style="margin-left:3.0em;">100.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">health_adjustment_4</span></td>
<td><span style="margin-left:3.0em;">1000.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">health_adjustment_5</span></td>
<td><span style="margin-left:3.0em;">10000.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">health_timeout</span></td>
<td><span style="margin-left:3.0em;">120.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">score_limit</span></td>
<td><span style="margin-left:3.0em;">5000.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">retry_limit</span></td>
<td><span style="margin-left:3.0em;">2</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">reselection_limit</span></td>
<td><span style="margin-left:3.0em;">2</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">wcm_resend_timeout</span></td>
<td><span style="margin-left:3.0em;">1.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">wcm_retry_timeout</span></td>
<td><span style="margin-left:3.0em;">10.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">wcm_retry_limit_1</span></td>
<td><span style="margin-left:3.0em;">5</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">wcm_retry_limit_2</span></td>
<td><span style="margin-left:3.0em;">1</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">wcm_fail_timeout</span></td>
<td><span style="margin-left:3.0em;">600.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">autoinstall_load</span></td>
<td><span style="margin-left:3.0em;">3.0</span></td>
</tr>
</tbody>
</table>
</div><div id="helper:table1:1:div6" style="margin-left:2.1em;"><a id="helper:table1:1:command3" href="#" onclick="javascript:showHideNavigation(this)" style="color: rgb(0, 0, 0); text-decoration: none; display : block"><img id="helper:table1:1:image3" src="../images/arrow_collapsed.gif" alt="Expand / Collapse" style="border : 0;" />groups</a></div><div id="helper:table1:1:child_div3" style="color: rgb(0, 0, 0); text-decoration: none; display : block"><table id="helper:table1:table13" width="100%">
<thead>
<tr><th colspan="1" scope="colgroup">Group Value</th></tr>
</thead>
<tbody>
<tr>
<td><span style="margin-left:3.0em;">type1</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">type2</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">type3</span></td>
</tr>
</tbody>
</table>
</div><div id="helper:table1:1:div8" style="margin-left:2.1em;"><a id="helper:table1:1:command4" href="#" onclick="javascript:showHideNavigation(this)" style="color: rgb(0, 0, 0); text-decoration: none; display : block;"><img id="helper:table1:1:image4" src="../images/arrow_collapsed.gif" alt="Expand / Collapse" style="border : 0;" />programs</a></div><div id="helper:table1:1:child_div4" style="color: rgb(0, 0, 0); text-decoration: none; display : block;"><table id="helper:table1:table14" width="100%">
<tbody>
<tr>
<td><div id="helper:table1:table14:0:div10" style="margin-left:2.7em;"><a id="helper:table1:table14:0:command5" href="#" onclick="javascript:showHideNavigation(this)" style="color: rgb(0, 0, 0); text-decoration: none; display : block;"><span id="program" title="helper:table1:table14:0:command5"></span><img id="helper:table1:table14:0:image5" src="../images/arrow_collapsed.gif" alt="Expand / Collapse" style="border : 0;" /><span id="helper:table1:table14:0:t2">called1</span></a></div><div id="helper:table1:table14:0:child_div5" style="color: rgb(0, 0, 0); text-decoration: none; display : block;"><table id="helper:table1:table14:table141" width="100%">
<thead>
<tr>
<th scope="col"><span style="margin-left:2.4em;">Attribute Name</span></th>
<th scope="col"><span style="margin-left:2.1em;">Attribute Value</span></th>
</tr>
</thead>
<tbody>
<tr>
<td><span id="program" title="helper:table1:table14:table141:0:coloumn41"></span><span style="margin-left:3.0em;">load</span></td>
<td><span style="margin-left:3.0em;">0.25</span></td>
</tr>
<tr>
<td><span id="program" title="helper:table1:table14:table141:1:coloumn41"></span><span style="margin-left:3.0em;">dynamic</span></td>
<td><span style="margin-left:3.0em;">yes</span></td>
</tr>
</tbody>
</table>
</div></td>
</tr>
<tr>
<td><div id="helper:table1:table14:1:div10" style="margin-left:2.7em;"><a id="helper:table1:table14:1:command5" href="#" onclick="javascript:showHideNavigation(this)" style="color: rgb(0, 0, 0); text-decoration: none; display : block;"><span id="program" title="helper:table1:table14:1:command5"></span><img id="helper:table1:table14:1:image5" src="../images/arrow_collapsed.gif" alt="Expand / Collapse" style="border : 0;" /><span id="helper:table1:table14:1:t2">called2</span></a></div><div id="helper:table1:table14:1:child_div5" style="color: rgb(0, 0, 0); text-decoration: none; display : block;"><table id="helper:table1:table14:table141" width="100%">
<thead>
<tr>
<th scope="col"><span style="margin-left:2.4em;">Attribute Name</span></th>
<th scope="col"><span style="margin-left:2.1em;">Attribute Value</span></th>
</tr>
</thead>
<tbody>
<tr>
<td><span id="program" title="helper:table1:table14:table141:0:coloumn41"></span><span style="margin-left:3.0em;">load</span></td>
<td><span style="margin-left:3.0em;">0.25</span></td>
</tr>
<tr>
<td><span id="program" title="helper:table1:table14:table141:1:coloumn41"></span><span style="margin-left:3.0em;">dynamic</span></td>
<td><span style="margin-left:3.0em;">yes</span></td>
</tr>
</tbody>
</table>
</div></td>
</tr>
<tr>
<td><div id="helper:table1:table14:2:div10" style="margin-left:2.7em;"><a id="helper:table1:table14:2:command5" href="#" onclick="javascript:showHideNavigation(this)" style="color: rgb(0, 0, 0); text-decoration: none; display : block;"><span id="program" title="helper:table1:table14:2:command5"></span><img id="helper:table1:table14:2:image5" src="../images/arrow_collapsed.gif" alt="Expand / Collapse" style="border : 0;" /><span id="helper:table1:table14:2:t2">called3</span></a></div><div id="helper:table1:table14:2:child_div5" style="color: rgb(0, 0, 0); text-decoration: none; display : block;"><table id="helper:table1:table14:table141" width="100%">
<thead>
<tr>
<th scope="col"><span style="margin-left:2.4em;">Attribute Name</span></th>
<th scope="col"><span style="margin-left:2.1em;">Attribute Value</span></th>
</tr>
</thead>
<tbody>
<tr>
<td><span id="program" title="helper:table1:table14:table141:0:coloumn41"></span><span style="margin-left:3.0em;">load</span></td>
<td><span style="margin-left:3.0em;">0.25</span></td>
</tr>
<tr>
<td><span id="program" title="helper:table1:table14:table141:1:coloumn41"></span><span style="margin-left:3.0em;">dynamic</span></td>
<td><span style="margin-left:3.0em;">yes</span></td>
</tr>
</tbody>
</table>
</div></td>
</tr>
</tbody>
</table>
</div><div id="helper:table1:1:div12" style="margin-left:2.1em;"><a id="helper:table1:1:command6" href="#" onclick="javascript:showHideNavigation(this)" style="color: rgb(0, 0, 0); text-decoration: none; display : block;"><img id="helper:table1:1:image6" src="../images/arrow_collapsed.gif" alt="Expand / Collapse" style="border : 0;" />transactions</a></div><div id="helper:table1:1:child_div6" style="color: rgb(0, 0, 0); text-decoration: none; display : block"><table id="helper:table1:table15" width="100%">
<tbody>
<tr>
<td><span style="margin-left:3.0em;">TRN1</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">TRN2</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">TRN3</span></td>
</tr>
</tbody>
</table>
</div><div id="helper:table1:1:div14" style="margin-left:2.1em;"><a id="helper:table1:1:command7" href="#" onclick="javascript:showHideNavigation(this)" style="color: rgb(0, 0, 0); text-decoration: none; display : block"><img id="helper:table1:1:image7" src="../images/arrow_collapsed.gif" alt="Expand / Collapse" style="border : 0;" />nodes</a></div><div id="helper:table1:1:child_div7" style="color: rgb(0, 0, 0); text-decoration: none; display : block"><table id="helper:table1:table151" width="100%">
<tbody>
<tr>
<td><span style="margin-left:3.0em;">argon.in.ibm.com</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">alina.in.ibm.com</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">ampere.in.ibm.com</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">txdt32.in.ibm.com</span></td>
</tr>
</tbody>
</table>
</div></div></td>
</tr>
<tr>
<td><span id="plexIndex" title="helper:table1:2:column1"></span><div id="helper:table1:2:div2" style="margin-left:0.9em;"><a id="helper:table1:2:command1" href="#" onclick="javascript:showHideNavigation(this)" style="color: rgb(0, 0, 0); text-decoration: none; display : block"><img id="helper:table1:2:image1" src="../images/arrow_collapsed.gif" alt="Expand / Collapse" style="border : 0;" /><span id="helper:table1:2:t1">plex3</span></a></div><div id="helper:table1:2:child_div1" style="color: rgb(0, 0, 0); text-decoration: none; display : block"><div id="helper:table1:2:div4" style="margin-left:2.1em;"><a id="helper:table1:2:command2" href="#" onclick="javascript:showHideNavigation(this)" style="color: rgb(0, 0, 0); text-decoration: none; display : block;"><img id="helper:table1:2:image2" src="../images/arrow_collapsed.gif" alt="Expand / Collapse" style="border : 0;" />attributes</a></div><div id="helper:table1:2:child_div2" style="color: rgb(0, 0, 0); text-decoration: none; display : block"><table id="helper:table1:table12" width="100%">
<thead>
<tr>
<th scope="col"><span id="helper:table1:table12:text2" style="margin-left:2.4em;">Attribute Name</span></th>
<th scope="col"><span style="margin-left:2.1em;">Attribute Value</span></th>
</tr>
</thead>
<tbody>
<tr>
<td><span style="margin-left:3.0em;">session_scale_1</span></td>
<td><span style="margin-left:3.0em;">1.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">session_scale_2</span></td>
<td><span style="margin-left:3.0em;">2.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">load_scale_1</span></td>
<td><span style="margin-left:3.0em;">0.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">load_scale_2</span></td>
<td><span style="margin-left:3.0em;">1.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">load_limit</span></td>
<td><span style="margin-left:3.0em;">600.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">connection_scale</span></td>
<td><span style="margin-left:3.0em;">1.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">same_limit_1</span></td>
<td><span style="margin-left:3.0em;">5</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">same_limit_2</span></td>
<td><span style="margin-left:3.0em;">10</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">same_adjustment</span></td>
<td><span style="margin-left:3.0em;">0.10</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">same_scale_1</span></td>
<td><span style="margin-left:3.0em;">0.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">same_scale_2</span></td>
<td><span style="margin-left:3.0em;">0.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">known_adjustment</span></td>
<td><span style="margin-left:3.0em;">0.05</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">known_scale_1</span></td>
<td><span style="margin-left:3.0em;">0.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">known_scale_2</span></td>
<td><span style="margin-left:3.0em;">0.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">normalise_scale</span></td>
<td><span style="margin-left:3.0em;">0.00833</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">equal_delta</span></td>
<td><span style="margin-left:3.0em;">0.0001</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">health_adjustment_1</span></td>
<td><span style="margin-left:3.0em;">0.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">health_adjustment_2</span></td>
<td><span style="margin-left:3.0em;">10.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">health_adjustment_3</span></td>
<td><span style="margin-left:3.0em;">100.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">health_adjustment_4</span></td>
<td><span style="margin-left:3.0em;">1000.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">health_adjustment_5</span></td>
<td><span style="margin-left:3.0em;">10000.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">health_timeout</span></td>
<td><span style="margin-left:3.0em;">120.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">score_limit</span></td>
<td><span style="margin-left:3.0em;">5000.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">retry_limit</span></td>
<td><span style="margin-left:3.0em;">2</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">reselection_limit</span></td>
<td><span style="margin-left:3.0em;">2</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">wcm_resend_timeout</span></td>
<td><span style="margin-left:3.0em;">1.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">wcm_retry_timeout</span></td>
<td><span style="margin-left:3.0em;">10.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">wcm_retry_limit_1</span></td>
<td><span style="margin-left:3.0em;">5</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">wcm_retry_limit_2</span></td>
<td><span style="margin-left:3.0em;">1</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">wcm_fail_timeout</span></td>
<td><span style="margin-left:3.0em;">600.0</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">autoinstall_load</span></td>
<td><span style="margin-left:3.0em;">3.0</span></td>
</tr>
</tbody>
</table>
</div><div id="helper:table1:2:div6" style="margin-left:2.1em;"><a id="helper:table1:2:command3" href="#" onclick="javascript:showHideNavigation(this)" style="color: rgb(0, 0, 0); text-decoration: none; display : block"><img id="helper:table1:2:image3" src="../images/arrow_collapsed.gif" alt="Expand / Collapse" style="border : 0;" />groups</a></div><div id="helper:table1:2:child_div3" style="color: rgb(0, 0, 0); text-decoration: none; display : block"><table id="helper:table1:table13" width="100%">
<thead>
<tr><th colspan="1" scope="colgroup">Group Value</th></tr>
</thead>
<tbody>
<tr>
<td><span style="margin-left:3.0em;">type1</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">type2</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">type3</span></td>
</tr>
</tbody>
</table>
</div><div id="helper:table1:2:div8" style="margin-left:2.1em;"><a id="helper:table1:2:command4" href="#" onclick="javascript:showHideNavigation(this)" style="color: rgb(0, 0, 0); text-decoration: none; display : block;"><img id="helper:table1:2:image4" src="../images/arrow_collapsed.gif" alt="Expand / Collapse" style="border : 0;" />programs</a></div><div id="helper:table1:2:child_div4" style="color: rgb(0, 0, 0); text-decoration: none; display : block;"><table id="helper:table1:table14" width="100%">
<tbody>
<tr>
<td><div id="helper:table1:table14:0:div10" style="margin-left:2.7em;"><a id="helper:table1:table14:0:command5" href="#" onclick="javascript:showHideNavigation(this)" style="color: rgb(0, 0, 0); text-decoration: none; display : block;"><span id="program" title="helper:table1:table14:0:command5"></span><img id="helper:table1:table14:0:image5" src="../images/arrow_collapsed.gif" alt="Expand / Collapse" style="border : 0;" /><span id="helper:table1:table14:0:t2">called1</span></a></div><div id="helper:table1:table14:0:child_div5" style="color: rgb(0, 0, 0); text-decoration: none; display : block;"><table id="helper:table1:table14:table141" width="100%">
<thead>
<tr>
<th scope="col"><span style="margin-left:2.4em;">Attribute Name</span></th>
<th scope="col"><span style="margin-left:2.1em;">Attribute Value</span></th>
</tr>
</thead>
<tbody>
<tr>
<td><span id="program" title="helper:table1:table14:table141:0:coloumn41"></span><span style="margin-left:3.0em;">load</span></td>
<td><span style="margin-left:3.0em;">0.25</span></td>
</tr>
<tr>
<td><span id="program" title="helper:table1:table14:table141:1:coloumn41"></span><span style="margin-left:3.0em;">dynamic</span></td>
<td><span style="margin-left:3.0em;">yes</span></td>
</tr>
</tbody>
</table>
</div></td>
</tr>
<tr>
<td><div id="helper:table1:table14:1:div10" style="margin-left:2.7em;"><a id="helper:table1:table14:1:command5" href="#" onclick="javascript:showHideNavigation(this)" style="color: rgb(0, 0, 0); text-decoration: none; display : block;"><span id="program" title="helper:table1:table14:1:command5"></span><img id="helper:table1:table14:1:image5" src="../images/arrow_collapsed.gif" alt="Expand / Collapse" style="border : 0;" /><span id="helper:table1:table14:1:t2">called2</span></a></div><div id="helper:table1:table14:1:child_div5" style="color: rgb(0, 0, 0); text-decoration: none; display : block;"><table id="helper:table1:table14:table141" width="100%">
<thead>
<tr>
<th scope="col"><span style="margin-left:2.4em;">Attribute Name</span></th>
<th scope="col"><span style="margin-left:2.1em;">Attribute Value</span></th>
</tr>
</thead>
<tbody>
<tr>
<td><span id="program" title="helper:table1:table14:table141:0:coloumn41"></span><span style="margin-left:3.0em;">load</span></td>
<td><span style="margin-left:3.0em;">0.25</span></td>
</tr>
<tr>
<td><span id="program" title="helper:table1:table14:table141:1:coloumn41"></span><span style="margin-left:3.0em;">dynamic</span></td>
<td><span style="margin-left:3.0em;">yes</span></td>
</tr>
</tbody>
</table>
</div></td>
</tr>
<tr>
<td><div id="helper:table1:table14:2:div10" style="margin-left:2.7em;"><a id="helper:table1:table14:2:command5" href="#" onclick="javascript:showHideNavigation(this)" style="color: rgb(0, 0, 0); text-decoration: none; display : block;"><span id="program" title="helper:table1:table14:2:command5"></span><img id="helper:table1:table14:2:image5" src="../images/arrow_collapsed.gif" alt="Expand / Collapse" style="border : 0;" /><span id="helper:table1:table14:2:t2">called3</span></a></div><div id="helper:table1:table14:2:child_div5" style="color: rgb(0, 0, 0); text-decoration: none; display : block;"><table id="helper:table1:table14:table141" width="100%">
<thead>
<tr>
<th scope="col"><span style="margin-left:2.4em;">Attribute Name</span></th>
<th scope="col"><span style="margin-left:2.1em;">Attribute Value</span></th>
</tr>
</thead>
<tbody>
<tr>
<td><span id="program" title="helper:table1:table14:table141:0:coloumn41"></span><span style="margin-left:3.0em;">load</span></td>
<td><span style="margin-left:3.0em;">0.25</span></td>
</tr>
<tr>
<td><span id="program" title="helper:table1:table14:table141:1:coloumn41"></span><span style="margin-left:3.0em;">dynamic</span></td>
<td><span style="margin-left:3.0em;">yes</span></td>
</tr>
</tbody>
</table>
</div></td>
</tr>
</tbody>
</table>
</div><div id="helper:table1:2:div12" style="margin-left:2.1em;"><a id="helper:table1:2:command6" href="#" onclick="javascript:showHideNavigation(this)" style="color: rgb(0, 0, 0); text-decoration: none; display : block;"><img id="helper:table1:2:image6" src="../images/arrow_collapsed.gif" alt="Expand / Collapse" style="border : 0;" />transactions</a></div><div id="helper:table1:2:child_div6" style="color: rgb(0, 0, 0); text-decoration: none; display : block"><table id="helper:table1:table15" width="100%">
<tbody>
<tr>
<td><span style="margin-left:3.0em;">TRN1</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">TRN2</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">TRN3</span></td>
</tr>
</tbody>
</table>
</div><div id="helper:table1:2:div14" style="margin-left:2.1em;"><a id="helper:table1:2:command7" href="#" onclick="javascript:showHideNavigation(this)" style="color: rgb(0, 0, 0); text-decoration: none; display : block"><img id="helper:table1:2:image7" src="../images/arrow_collapsed.gif" alt="Expand / Collapse" style="border : 0;" />nodes</a></div><div id="helper:table1:2:child_div7" style="color: rgb(0, 0, 0); text-decoration: none; display : block"><table id="helper:table1:table151" width="100%">
<tbody>
<tr>
<td><span style="margin-left:3.0em;">argon.in.ibm.com</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">alina.in.ibm.com</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">ampere.in.ibm.com</span></td>
</tr>
<tr>
<td><span style="margin-left:3.0em;">txdt32.in.ibm.com</span></td>
</tr>
</tbody>
</table>
</div></div></td>
</tr>
</tbody>
</table>
</div>
<input type="hidden" name="helper" value="helper" /></form>
it is maintaining index for table until it is entering in to table 14
like this
helper:table1:0:command...
helper:table1:1:command...
after entering into the second table it is mainting index for the second table only
like this
helper:table1:table14:0:command...
helper:table1:table14:1:command...