JavaScript for TAB in WAD

Question

I have the following code to switch from one web Item to another, but I have more than one webItem that I want to be displayed at the same time, but I couldn't make both displayed at the same time, could someone please tell me if that is possible.
http://help.sap.com/saphelp_nw04/helpdata/en/65/c54a7e1a1b584589d238ba188df053/frameset.htm
switching is fine, but need to add more than one webitem to each tab.
thanks in advance.
Wond

Answer 1

I have this code, which is a copy of the link I have. Then in one template, I put a Chart and Table, which is assigned to TAB1 but theTAB2 has only tables. By default, TAB1 gets dispayed and once I clicked on TAB2 and get back to TAB1, only the graph gets displayed.Someone, please tell me if you had exprience with this.
thanks.
Wond
<script type="text/javascript">
/*  function goto_tab: Show all items, starting with tabname, Hide all other items */
          function goto_tab(tabname) {
              SAPBWOpenURL(SAP_BW_URL_Get()'&item=TAB*&multi=X&hidden=X&cmd_1=item%3d'tabname+'*%26hidden%3d %26multi%3dX');
/* DHTML function to set correct span-Tag visible
    For each Tab in Tab-Header (head_TAB) check, if item TABx is visible
    If Item is visible set Header as selected
    Otherwise set corresponding span-Tag to not visible */
          function set_actual_tab() {
            i=0;
            do {
                 i++;
                 if  (document.getElementById('head_TAB'+i) != null) {
                    /* Check if Object tag is hidden */
                    var prop = SAPBWGetItemProp('TAB'+i);
                    var hidden=true;
                    if (prop != null){
                                 for(j=1;j<prop.length;j++){
                                          if (prop[j][0] == "HIDDEN") hidden = (prop[j][1]=='X');
                    if (hidden) {
                                document.getElementById("TAB"+i).setAttribute('style', 'display:none;visibility:false;',false);
                   else {
                               document.getElementById("head_TAB"+i).setAttribute('className', 'SAPBEXTbsTABsel',false);
          } while (document.getElementById('head_TAB'+i) != null)
       -->
</script>
<object>
         <param name="OWNER" value="SAP_BW"/>
         <param name="CMD" value="GET_ITEM"/>
         <param name="NAME" value="TAB1"/>
         <param name="ITEM_CLASS" value="CL_RSR_WWW_ITEM_TEMPLATE"/>
         <param name="CAPTION" value="My Tamplate Discription"/>
         <param name="TEMPLATE_ID" value="My_TEMPLATE_NAME"/>
         ITEM:            TAB1
</object>
<object>
         <param name="OWNER" value="SAP_BW"/>
         <param name="CMD" value="GET_ITEM"/>
         <param name="NAME" value="TAB2"/>
         <param name="ITEM_CLASS" value="CL_RSR_WWW_ITEM_GRID"/>
         <param name="DATA_PROVIDER" value="DATAPROVIDER_3"/>
         <param name="HIDDEN" value="X"/>
         ITEM:            TAB2
</object>
<script type="text/javascript">
<!--
/* This function call is needed to set the correct state */
   set_actual_tab();
-->
</script>