Hidden Objects from Web Templates

Question

Hello,
I have two tabs on a web template.
- On the first tab I only want to see the table
- On the second one I want to see the chart.
I only want to see the Information from one sub- template on every tab)
But the result is: If I click on the second button I see both (table and chart).
So how can I hidde this table if I click on the second tab
Thanks for help and any ideas!!
Henning
Code:
<!-- First Tab: Display table and nav block -->
<td align="middle" nowrap class="SAPBEXTbsTabSel" id="GR1Area">
<A  title=GH href="<SAP_BW_URL ITEM='GH_1' MULTI='X' HIDDEN='Y' CMD_1='ITEM=GH_1&MULTI=X&HIDDEN='Y' >&dummy=#TabStripContent" >GH</A>
</td>
<!-- Second Tab: Display chart -->
<td align="middle" nowrap class="SAPBEXTbsTab" id="GR2Area">
<A title=GH href="<SAP_BW_URL ITEM='GH_2'  HIDDEN='' CMD_1='ITEM=GH_2&MULTI=X&HIDDEN='X' >&dummy=#TabStripContent" >Grafik</A>
</td>
</tr>
</table></td></tr></table></td></tr></table>
<object>
         <param name="OWNER" value="SAP_BW"/>
         <param name="CMD" value="GET_ITEM"/>
         <param name="NAME" value="GH_1"/>
         <param name="ITEM_CLASS" value="CL_RSR_WWW_ITEM_TEMPLATE"/>
         <param name="TEMPLATE_ID" value="ZTEMPL1"/>
         <param name="GENERATE_CAPTION" value=""/>
         <param name="HIDDEN" value="Y"/>
         ITEM:            GH_1
</object>
<object>
<param name="OWNER" value="SAP_BW"/>
<param name="CMD" value="GET_ITEM"/>
<param name="NAME" value="GH_2"/>
<param name="ITEM_CLASS" value="CL_RSR_WWW_ITEM_TEMPLATE"/>
<param name="TEMPLATE_ID" value="ZTEMPL2"/>
<param name="HIDDEN" value="X"/>
<param name="GENERATE_CAPTION" value=""/>
ITEM: GH_2
</object>

Answer 1

<!-- Second Tab: Display chart -->
<td align="middle" nowrap class="SAPBEXTbsTab" id="GR2Area">
<A title=GH href="<SAP_BW_URL ITEM='GH_2' HIDDEN='' CMD_1='ITEM=GH_2&MULTI=X&HIDDEN='X' >&dummy=#TabStripContent" >Grafik</A>
</td>
Call onclick event like
<!-- Second Tab: Display chart -->
<td align="middle" nowrap class="SAPBEXTbsTab" id="GR2Area">
<A title=GH href="<SAP_BW_URL ITEM='GH_2' HIDDEN='' CMD_1='ITEM=GH_2&MULTI=X&HIDDEN='X' onclick= "HideTable();">&dummy=#TabStripContent" >Grafik</A>
</td>
At the bottom between </BODY> </HTML> Paste this
<script>
function HideTable(TableName)
obj = getTableReference("GH_2");
obj.style.display = "hidden";
function getTableReference( table_name ){
   var all_elements = document.all;
   for( var i=0;i<all_elements.length;i++ ){
      if (all_elements<i>.name==table_name)//we have found tbl
         return all_elements<i>;
   }//end for
   return null;
}//end function[/code]
</script>
Hope it helps
Regs
Gopi.
Message was edited by: Gopi