TabbedNavigationInclude < TWiki

---+ [[Tabbed Navigation Addon]] computation logic

This file gets included into topics that need tabbed navigation.

%STARTINCLUDE%

%CALC{$SET(split, $IF($EXACT($GET(split),),                 \
                      $LISTSIZE($GET(tabs)),                \
                      $GET(split)))                         \
      $SET(tab_row1_urls,                                   \
           $LISTIF($index <= $GET(split),                   \
                   $LISTMAP($SUBSTITUTE($item,:.*,,,r),     \
                            $GET(tabs))))                   \
      $SET(tab_row1_names,                                  \
           $LISTIF($index <= $GET(split),                   \
                   $LISTMAP($SUBSTITUTE($item,.*:,,,r),     \
                            $GET(tabs))))                   \
      $SET(tab_row2_urls,                                   \
           $LISTIF($index  > $GET(split),                   \
                   $LISTMAP($SUBSTITUTE($item,:.*,,,r),     \
                            $GET(tabs))))                   \
      $SET(tab_row2_names,                                  \
           $LISTIF($index  > $GET(split),                   \
                   $LISTMAP($SUBSTITUTE($item,.*:,,,r),     \
                            $GET(tabs))))}%

<noautolink>
<div id="tab_list">
  <ul>
    %CALC{$LISTJOIN($n, $LISTMAP(<li $IF($FIND($item,%BASETOPIC%),id='tab_current'><a onClick='return false',><a) href='$item'>$LISTITEM($index,$GET(tab_row1_names))</a></li>, $GET(tab_row1_urls)))}%
  </ul> \
  %CALC{$IF($LISTSIZE($GET(tab_row2_urls)) > 0, <ul>,)}% \
    %CALC{$LISTJOIN($n, $LISTMAP(<li $IF($FIND($item,%BASETOPIC%),id='tab_current'><a onClick='return false',><a) href='$item'>$LISTITEM($index,$GET(tab_row2_names))</a></li>, $GET(tab_row2_urls)))}% \
  %CALC{$IF($LISTSIZE($GET(tab_row2_urls)) > 0, </ul>,)}% \
  <span class="no_tab"><a title="Nav-bar help" href="%SCRIPTURL%/view%SCRIPTSUFFIX%/%WEB%/%TOPIC%"> %ICON{help}% </a></span>
  %CALC{$IF($EXACT($GET(editlink),),,<span class='no_tab'><a title='Edit nav-bar' href='$GET(editlink)'> %ICON{pencil}% </a></span>)}%
</div>
<br style="clear:both" />
</noautolink>

<!-- <pre> -->
<style>
#tab_list {
      float:left;
      width:100%;
      background:#369 url("%PUBURL%/%WEB%/TabbedNavigationAddon/bg.gif") repeat-x bottom;
      font-size:93%;
      line-height:normal;
      margin-bottom:2em;
      padding-top:10px;
}
#tab_list img {
      border:none;
}
#tab_list ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      clear:both;
      padding:0px 10px;
}
#tab_list li {
      float:left;
      background:url("%PUBURL%/%WEB%/TabbedNavigationAddon/right.gif") no-repeat right top;
      margin:0;
      padding:0 5px 0 0;
}
#tab_list a {
      float:left;
      display:block;
      background:url("%PUBURL%/%WEB%/TabbedNavigationAddon/left.gif") no-repeat left top;
      padding:5px 7px 4px 20px;
      text-decoration:none;
      font-weight:bold;
      color:#9cf;
}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#tab_list a {float:none;}
    /* End IE5-Mac hack */
#tab_list a:hover {
      color:#fff;
}
#tab_list #tab_current {
      background-image:url("%PUBURL%/%WEB%/TabbedNavigationAddon/right_on.gif");
      border-width:0;
}
#tab_list #tab_current a {
      background-image:url("%PUBURL%/%WEB%/TabbedNavigationAddon/left_on.gif");
      color:#333;
}
.no_tab {
      float:right;
}
#tab_list .no_tab a {
      background:none;
      padding:4px 4px 0px 0px;
}
</style>
<!-- </pre> -->

%STOPINCLUDE%

-- Main.PankajPant - 30 May 2007

This topic: TWiki > WebHome > TabbedNavigationAddon > TabbedNavigationInclude
Topic revision: r1 - 31 May 2007 - 02:22:22 - PankajPant?

Copyright © by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding TWiki? Send feedback
Note: Please contribute updates to this topic on TWiki.org at TWiki:TWiki.TabbedNavigationInclude