How to use java script in jsf?

my requirement is
i have to pass the id of the component to the java script function .that component is inside data table.
how to solve this problem?

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.0

Similar Messages

How to use java script when popups are blocked in browser

How to use java script when popups are blocked in browser

Not. When people install a popup blocker they don't WANT popups, so stop trying to force them down their throats.

How to use Java Script in jspx pages of ADF Faces?

I wanna invoke an Applet in a jspx using Java Script...
How can I do this? :)

check my other post..that's to know how to use js in jsf pages...not to invoke applet..
Re: how to Add inline JavaScript to a Page 11G

How to use Java Script in Oracle Forms 10g

Hello,
Appreciate if anyone could help me using Java Script in Oracle Forms 10g?
Thanks
GM

Thank you for your reply. I was reading on the metalink that we could use the to call the java script from oracle Forms 10g (Doc ID 265863.1)
Example:
WEB.SHOW_DOCUMENT ('javascript:void(window.open("http://www.oracle.com","","location=no,toolbar=no,menubar=no,status=no,"));self.close()','_blank');
I tried it but it did not open the any window as it claims. Am I missing anything? Is there any IE related setting which I need to modify for the above to work?
Regards
GM

How to use java script on click of JSF TAB

Hello Guies...
I want to use some java script on the click of JSF Tab.
Any suggestion will be appriciated....
Regard
Roshan

Put it in the 'onclick' attribute?
What is that "JSF Tab" you're talking about? If you're talking about a tabbed panel, please also specify the name of the component. There are lot of JSF implementations for tabbed panels, for example Tomahawk, Icefaces, ADF, IBM, Odyssey, etc.

How to use java script in sun stdio crator jsf

in sun stdio creator
Checkbox cb;
cb=new checkbox();
ch. markforDeletion.setOnChange("submit()");
it is giving identifier excepted .
how to use setOnChange and other functio
with regards
shannu sarma

in sun stdio creator
Checkbox cb;
cb=new checkbox();
ch. markforDeletion.setOnChange("submit()");
it is giving identifier excepted .
how to use setOnChange and other functio
with regards
shannu sarma

How to pass values to variables in WAD 7.0 using java script

Hi.,
My requirement is based on WAD 7.0.
The sales value has to displayed in WAD using graph with various chart types.
I have created variables for plant and material group in a query.
I have created drop down box for plant with all plants in it, check box for material group and a Submit button in WAD in FORM tag of HTML coding.
Once all the values are set in drop down box, checkbox and if the user clicks on submit button, the values has to captured by the variables for which I have created and the graph has to be aligned to the new values in variables.
Kindly help me how to use java script to get the values from FORM and pass it to variables.
Regards,
Selva

Hi Selva,
You do not need to use Javascript for this. Instead you can achieve this by using API Commands in WAD 7.0.
Please configure Action on the ButtonGroup webitem to use 'Commands'.
->Choose Command 'Set Variables Values / SET_VARIABLES_STATE' under Commands for Web Templates
->Set Display Variable Screen setting to OFF
->Choose Query Variable for Plant, Select Variable Type as 'Binding Type', Binding Type as 'Data Provider Selection', Data Provider as the one you have assigned to the Dropdown webitem, Characteristic as 0PLANT or as that assigned to the Dropdown webitem
->Repeat above steps for Query Variable Material Group
Now when you make a selection from the Dropdown webitems, the Chart output will change accordingly. Let me know if this helps.
--Priya

Using java scripts for pdf

I am trying to find a sort of tutorial on how to use java scripts for pdf files, particularly in setting up repetitive links between several pdf files.

Here is a very nice website that has tons and tons of stuff for pdf using java script. Enjoy!
http://www.planetpdf.com/forumarchive/forum34.htm

Binding of JSF componenent using java script

Hi friends,
How can we set the "ID" and "Binding" property of JSF Tag( <ui:textfield>) using java script?
Sample Code:
<ui:script>
var name="xyz";
var value="abc";
</ui:script>
<ui:textField id="'+name+'" binding="#{bean.dataMap['+value+']}"/>
When i try to run the above code, there is no compilation and run time error. But the id which assigned to TextField is '+name+' as a string rather than "xyz".
How can we overcome the below problem? Please guide me?

The binding and the id attributes are server side. You cannot set them via javascript

How to build a Calculator in WAB Template by using Java Script......

Hi ,
I am trying to build a dynamic calculator in WAD which is as similar to one in Executive view in Cognos. The problem i am facing is, i can able to build a normal calculator by using java script but i am unable to read the key figure values from the analysis item on from the data provider in to by calculator by using on click function. I wanted to get the all the values in to a internal excel , so that my calculator can read the values from that. can any one help me on getting values in to internal excel by using java before the executing the web template ?...
Thanks in advance....
Jhon.
Edited by: sap bw on Jul 31, 2008 5:51 PM
Edited by: sap bw on Jul 31, 2008 5:52 PM

I might not be understanding your question completely since you mention WAD and then Excel, but if you are asking how to get the key figure values using Javascript in WAD, you can go to the Dataprovider properties and enable 'Output Result Data'. This will embed an XML element into the HTML output that you can then parse using standard Javascript DOM navigation.
Hope this helps.

How to get the context data using java script in interactive forms

Hi All,
How to get the context data using java script in interactive forms by adobe, am using web dynpro java
thanks.

Hi venkat,
Please Refer this link.
Populating one Drop-Down list from the selection of another Drop-down list
Thanks,
Raju.

How to do Front End Validation for JSP Forms using Java Script with 9iJD...

How to do Front End validation using 9iJD. Any wizard is there. We need to do the val. using Java Script. If its not available, please include that in the Production Release.

Thanks a lot. When is the Production Release is scheduled. Please tell us whether itll be available for Free Download. Bec, we couldnt buy. Bec, if its working fine with all the options without any bug only, we can ask our company to buy 9iJD by stating the advantages. Just explain us.

How & where to use Java script to create new button in object detail page

Hi All,
I want to create "New/Add button" in object detail page. If i am not wrong i need to use java script for that but could you please let me know how & where to use Java script to create new button in object detail page in CRMOD.
Thanks in advance.
Regards,
Manish

Any related object on the detail page should have an "Add" or "New" or both buttons by default - This is vanilla functionality and will do the required action.
If you want to modify this behaviour and do something tricky you will potentially have to go for javascript. You should add the javascript on a custom web tab on that Object.
Admin --> Application Customization --> Contact -->Contact Web Applet
Now, add your javascript in the code area, after you select the type = HTML for this web applet, expose this web applet on the Contact detail layout and your javascript will be invoked whenever this page is loaded.
Check this online document to see how javascript can be embedded in CRM on Demand http://helponmyproject.com/TTOCOD/
Cheers!
Royston

As i am fresher Please share the doc of ECMA script using java script in SharePoint 2013 also how we can insert,update,delete records in list using ECMA script.

As i am fresher Please share the doc of ECMA script using java script in SharePoint 2013 step by step also how we can insert,update,delete records in list using ECMA script.
Thanks and Regards, Rangnath Mali

Hi,
According to your post, my understanding is that you want to use JavaScript to work with SharePoint list.
To create list items, we can create a ListItemCreationInformation object, set its properties, and pass it as parameter to the addItem(parameters) function
of the List object.
To set list item properties, we can use a column indexer to make an assignment, and call the update() function so that changes will take effect when you callexecuteQueryAsync(succeededCallback,
failedCallback).
And to delete a list item, call the deleteObject() function on the object.
There is an MSDN article about the details steps of this topic, you can have a look at it.
How to: Create, Update, and Delete List Items Using JavaScript
Thanks & Regards,
Jason
Jason Guo
TechNet Community Support

How we close Views without using Java Script

Hi All,
can you please suggest me how i close view with out using java script.
if possible please reply with code.
Thanks
Siva

Hi Siva,
You can do this either by hiding your window or by closing the window. Following is the sample code to do that
IWDWindowInfo windowInfo = null;
IWDWindow window =null;
windowInfo = (IWDWindowInfo) wdComponentAPI.getComponentInfo).findInWindows("<<WindowName>>");
if(windowInfo!=null)
window = wdComponentAPI.getWindowManager().createWindow(windowInfo,true);
window.hide();
Try with this code, might be useful for your scenario.
Thanks,
Sandeep

How to use java script in jsf?

Similar Messages

Maybe you are looking for