doc/salome/gui/SMESH/whd_tabs.htm

   1 <HTML>
   2 <HEAD>
   3 <TITLE>WebHelp Tabs Frame in Navigation Pane</TITLE>
   4
   5 <meta name="generator" content="RoboHelp by eHelp Corporation   www.ehelp.com">
   6 <meta name="description" content="WebHelp 5.50">
   7 <!-- WebHelp version 5.10 -->
   8 </HEAD>
   9 <script language="javascript" src="whver.js"></script>
  10 <script language="javascript1.2" src="whmsg.js"></script>
  11 <script language="javascript1.2" src="whproxy.js"></script>
  12 <script language="javascript1.2" src="whutils.js"></script>
  13 <script language="javascript1.2">
  14 <!--
  15 var gsBgColor="#c0c0c0"
  16 var gsBgImage="";
  17 var gnCurPane=0;
  18 var gsFirstPane="";
  19 var goTocFont=null;
  20 var goIdxFont=null;
  21 var goFtsFont=null;
  22 var goGloFont=null;
  23 var gPane=new Array();
  24 var gShowFirst=0;
  25 var gnTabType=0;
  26
  27 function window_unload()
  28 {
  29         UnRegisterListener2(this,WH_MSG_SHOWTOC);
  30         UnRegisterListener2(this,WH_MSG_SHOWIDX);
  31         UnRegisterListener2(this,WH_MSG_SHOWFTS);
  32         UnRegisterListener2(this,WH_MSG_SHOWGLO);
  33 }
  34
  35
  36 function setFont(sType,sFontName,sFontSize,sFontColor,sFontStyle,sFontWeight,sFontDecoration)
  37 {
  38         var vFont=new whFont(sFontName,sFontSize,sFontColor,sFontStyle,sFontWeight,sFontDecoration);
  39         if(sType=="Toc") goTocFont=vFont;
  40         else if(sType=="Idx") goIdxFont=vFont;
  41         else if(sType=="Fts") goFtsFont=vFont;
  42         else if(sType=="Glo") goGloFont=vFont;
  43 }
  44
  45 function TocWriteClassStyle()
  46 {
  47         var sStyle="<STYLE TYPE='text/css'>";
  48         sStyle+=".TextTabToc {"+getFontStyle(goTocFont)+"}";
  49         sStyle+=".TextTabIdx {"+getFontStyle(goIdxFont)+"}";
  50         sStyle+=".TextTabFts {"+getFontStyle(goFtsFont)+"}";
  51         sStyle+=".TextTabGlo {"+getFontStyle(goGloFont)+"}";
  52         sStyle+="A:hover {text-decoration:underline;}";
  53         sStyle+="</STYLE>";
  54         document.write(sStyle);
  55 }
  56
  57 function setBackgroundcolor(sBgColor)
  58 {
  59         if(sBgColor!=null&&sBgColor.length>0)
  60                 gsBgColor=sBgColor;
  61 }
  62
  63 function setBackground(sBgImage)
  64 {
  65         if(sBgImage!=null&&sBgImage.length>0)
  66                 gsBgImage=sBgImage;
  67 }
  68
  69 function selectToc()
  70 {
  71         var oMessage=new whMessage(WH_MSG_SHOWTOC,this,1,null);
  72         SendMessage(oMessage);
  73 }
  74
  75 function selectIdx()
  76 {
  77         var oMessage=new whMessage(WH_MSG_SHOWIDX,this,1,null);
  78         SendMessage(oMessage);
  79 }
  80 function selectFts()
  81 {
  82         var oMessage=new whMessage(WH_MSG_SHOWFTS,this,1,null);
  83         SendMessage(oMessage);
  84 }
  85
  86 function selectGlo()
  87 {
  88         var oMessage=new whMessage(WH_MSG_SHOWGLO,this,1,null);
  89         SendMessage(oMessage);
  90 }
  91
  92
  93 function onSendMessage(oMsg)
  94 {
  95         if(oMsg)
  96         {
  97                 var nMsgId=oMsg.nMessageId;
  98                 if(nMsgId==WH_MSG_SHOWTOC)
  99                 {
 100                         setTimeout("showTabByName(\"toc\");",1);
 101                 }
 102                 else if(nMsgId==WH_MSG_SHOWIDX)
 103                 {
 104                         setTimeout("showTabByName(\"idx\");",1);
 105                 }
 106                 else if(nMsgId==WH_MSG_SHOWFTS)
 107                 {
 108                         setTimeout("showTabByName(\"fts\");",1);
 109                 }
 110                 else if(nMsgId==WH_MSG_SHOWGLO)
 111                 {
 112                         setTimeout("showTabByName(\"glo\");",1);
 113                 }
 114         }
 115         return true;
 116 }
 117
 118 function showTabByName(sTabName)
 119 {
 120         for(var i=0;i<gPane.length;i++)
 121         {
 122                 if(gPane[i]==sTabName)
 123                 {
 124                         showTab(i);
 125                         break;
 126                 }
 127         }
 128 }
 129
 130 function showTab(n)
 131 {
 132         gnCurPane=n;
 133         if(gnTabType==0)
 134         {
 135                 if(n<gPane.length)
 136                 {
 137                         if(document.images["TocTab"]&&document.images["TocTab"]!=null){
 138                                 if(gPane[n]=="toc")
 139                                         document.images["TocTab"].src=getBtnImage("toc",1);
 140                                 else
 141                                         document.images["TocTab"].src=getBtnImage("toc",0);
 142                         }
 143                         if(document.images["IndexTab"]&&document.images["IndexTab"]!=null){
 144                                 if(gPane[n]=="idx")
 145                                         document.images["IndexTab"].src=getBtnImage("idx",1);
 146                                 else
 147                                         document.images["IndexTab"].src=getBtnImage("idx",0);
 148                         }
 149                         if(document.images["FtsTab"]&&document.images["FtsTab"]!=null){
 150                                 if(gPane[n]=="fts")
 151                                         document.images["FtsTab"].src=getBtnImage("fts",1);
 152                                 else
 153                                         document.images["FtsTab"].src=getBtnImage("fts",0);
 154                         }
 155                         if(document.images["GloTab"]&&document.images["GloTab"]!=null){
 156                                 if(gPane[n]=="glo")
 157                                         document.images["GloTab"].src=getBtnImage("glo",1);
 158                                 else
 159                                         document.images["GloTab"].src=getBtnImage("glo",0);
 160                         }
 161                 }
 162         }
 163         else if(gnTabType==1)
 164         {
 165         }
 166         else if(gnTabType==2)
 167         {
 168                 if(n<gPane.length)
 169                 {
 170                         if(document.images["tabSelection"]!=null)
 171                                 document.images["tabSelection"].src=getMapImage(gPane[n]);
 172                 }
 173         }
 174 }
 175
 176 function addPane(sName)
 177 {
 178         gPane[gPane.length]=sName;
 179 }
 180
 181 function setShowPane(sName)
 182 {
 183         if(gsFirstPane!="")
 184                 sName=gsFirstPane;
 185         for(var i=0;i<gPane.length;i++)
 186         {
 187                 if(gPane[i]==sName)
 188                         gShowFirst=i;
 189         }
 190 }
 191
 192 function selectDefaultTab()
 193 {
 194         showTab(gShowFirst);
 195         if(document.body)
 196         {
 197                 if(gsBgImage&&gsBgImage.length>0)
 198                 {
 199                         document.body.background=gsBgImage;
 200                 }
 201                 if(gsBgColor&&gsBgColor.length>0)
 202                 {
 203                         document.body.bgColor=gsBgColor;
 204                 }
 205         }
 206 }
 207
 208 function getTabsHTML()
 209 {
 210         var sHTML="";
 211         for(var i=0;i<gPane.length;i++)
 212         {
 213                 if(gnTabType==0)
 214                         sHTML+=getTabHTML(gPane[i]);
 215                 else if(gnTabType==1)
 216                 {
 217                         if(sHTML.length>0)
 218                         {
 219                                 sHTML+=getSeparator();
 220                         }
 221                         sHTML+=getTabHTMLText(gPane[i]);
 222                 }
 223
 224         }
 225         return sHTML;
 226 }
 227
 228 function getSeparator()
 229 {
 230         var sSep="";
 231
 232         return sSep;
 233 }
 234
 235 function getTabHTML(sTabName)
 236 {
 237         if (sTabName == "toc")
 238                 return "<a title=\"Contents\" href=\"javascript:void(0);\" onclick=\"selectToc();return false;\" onmouseover=\"mouseOverToc();\" onmouseout=\"mouseOutToc();\"><img name=\"TocTab\" src=\"" + getBtnImage(sTabName, 0) + "\" border=\"0\"></a>";
 239         else if (sTabName =="idx")
 240                 return "<a title=\"Index\" href=\"javascript:void(0);\" onclick=\"selectIdx();return false;\" onmouseover=\"mouseOverIdx();\" onmouseout=\"mouseOutIdx();\"><img name=\"IndexTab\" src=\"" + getBtnImage(sTabName, 0) + "\" border=\"0\"></a>";
 241         else if (sTabName == "fts")
 242                 return "<a title=\"Search\" href=\"javascript:void(0);\" onclick=\"selectFts();return false;\" onmouseover=\"mouseOverFts();\" onmouseout=\"mouseOutFts();\"><img name=\"FtsTab\" src=\"" + getBtnImage(sTabName, 0) + "\" border=\"0\"></a>";
 243         else if (sTabName == "glo")
 244                 return "<a title=\"Glossary\" href=\"javascript:void(0);\" onclick=\"selectGlo();return false;\"onmouseover=\"mouseOverGlo();\" onmouseout=\"mouseOutGlo();\"><img name=\"GloTab\" src=\"" + getBtnImage(sTabName, 0) + "\" border=\"0\"></a>";
 245         return "";
 246 }
 247
 248 function mouseOverToc()
 249 {
 250         var sImg = "";
 251         if (gPane[gnCurPane] == "toc")
 252         {
 253                 sImg = getBtnImage("toc", 3);
 254         }
 255         else
 256         {
 257                 sImg = getBtnImage("toc", 2);
 258         }
 259         if (sImg.length > 0)
 260                 document.images["TocTab"].src = sImg;
 261 }
 262
 263 function mouseOverIdx()
 264 {
 265         var sImg = "";
 266         if (gPane[gnCurPane] == "idx")
 267         {
 268                 sImg = getBtnImage("idx", 3);
 269         }
 270         else
 271         {
 272                 sImg = getBtnImage("idx", 2);
 273         }
 274         if (sImg.length > 0)
 275                 document.images["IndexTab"].src = sImg;
 276 }
 277
 278 function mouseOverFts()
 279 {
 280         var sImg = "";
 281         if (gPane[gnCurPane] == "fts")
 282         {
 283                 sImg = getBtnImage("fts", 3);
 284         }
 285         else
 286         {
 287                 sImg = getBtnImage("fts", 2);
 288         }
 289         if (sImg.length > 0)
 290                 document.images["FtsTab"].src = sImg;
 291 }
 292
 293 function mouseOverGlo()
 294 {
 295         var sImg = "";
 296         if (gPane[gnCurPane] == "glo")
 297         {
 298                 sImg = getBtnImage("glo", 3);
 299         }
 300         else
 301         {
 302                 sImg = getBtnImage("glo", 2);
 303         }
 304         if (sImg.length > 0)
 305                 document.images["GloTab"].src = sImg;
 306 }
 307
 308 function mouseOutToc()
 309 {
 310         var sImg = "";
 311         if (gPane[gnCurPane] == "toc")
 312         {
 313                 sImg = getBtnImage("toc", 1);
 314         }
 315         else
 316         {
 317                 sImg = getBtnImage("toc", 0);
 318         }
 319         if (sImg.length > 0)
 320                 document.images["TocTab"].src = sImg;
 321 }
 322
 323 function mouseOutIdx()
 324 {
 325         var sImg = "";
 326         if (gPane[gnCurPane] == "idx")
 327         {
 328                 sImg = getBtnImage("idx", 1);
 329         }
 330         else
 331         {
 332                 sImg = getBtnImage("idx", 0);
 333         }
 334         if (sImg.length > 0)
 335                 document.images["IndexTab"].src = sImg;
 336 }
 337
 338 function mouseOutFts()
 339 {
 340         var sImg = "";
 341         if (gPane[gnCurPane] == "fts")
 342         {
 343                 sImg = getBtnImage("fts", 1);
 344         }
 345         else
 346         {
 347                 sImg = getBtnImage("fts", 0);
 348         }
 349         if (sImg.length > 0)
 350                 document.images["FtsTab"].src = sImg;
 351 }
 352
 353 function mouseOutGlo()
 354 {
 355         var sImg = "";
 356         if (gPane[gnCurPane] == "glo")
 357         {
 358                 sImg = getBtnImage("glo", 1);
 359         }
 360         else
 361         {
 362                 sImg = getBtnImage("glo", 0);
 363         }
 364         if (sImg.length > 0)
 365                 document.images["GloTab"].src = sImg;
 366 }
 367
 368 function getTabHTMLText(sTabName)
 369 {
 370         if (sTabName == "toc")
 371                 return "<a class=\"TextTabToc\" href=\"javascript:void(0);\" onclick=\"selectToc();return false;\">Contents</a>&nbsp;";
 372         else if (sTabName =="idx")
 373                 return "<a class=\"TextTabIdx\" href=\"javascript:void(0);\" onclick=\"selectIdx();return false;\">Index</a>&nbsp;";
 374         else if (sTabName == "fts")
 375                 return "<a class=\"TextTabFts\" href=\"javascript:void(0);\" onclick=\"selectFts();return false;\">Search</a>&nbsp;";
 376         else if (sTabName == "glo")
 377                 return "<a class=\"TextTabGlo\" href=\"javascript:void(0);\" onclick=\"selectGlo();return false;\">Glossary</a>&nbsp;";
 378         return "";
 379 }
 380
 381 function getImageMap()
 382 {
 383         var sHTML = "<map name=\"tabSelectionMap\">";
 384         for (var i = 0; i < gPane.length; i ++)
 385         {
 386                 sHTML += getMapArea(gPane[i]);
 387         }
 388         sHTML += "</map>";
 389         return sHTML;
 390 }
 391
 392 function getMapArea(sTabName)
 393 {
 394         if (sTabName == "toc")
 395                 return "<area title=\"Contents\" shape=\"\" coords=\"\" href=\"javascript:void(0);\" onclick=\"selectToc();return false;\">";
 396         else if (sTabName =="idx")
 397                 return "<area title=\"Index\" shape=\"\" coords=\"\" href=\"javascript:void(0);\" onclick=\"selectIdx();return false;\">";
 398         else if (sTabName == "fts")
 399                 return "<area title=\"Search\" shape=\"\" coords=\"\" href=\"javascript:void(0);\" onclick=\"selectFts();return false;\">";
 400         else if (sTabName == "glo")
 401                 return "<area title=\"Glossary\" shape=\"\" coords=\"\" href=\"javascript:void(0);\" onclick=\"selectGlo();return false;\">";
 402         return "";
 403 }
 404
 405 function getBtnImage(sTabName, nStatus)
 406 {
 407         if (sTabName == "toc")
 408         {
 409                 if (nStatus == 0)
 410                         return "whd_tab2.gif";
 411                 else if (nStatus == 1)
 412                         return "whd_tab1.gif";
 413                 else if (nStatus == 2)
 414                         return "";
 415                 else if (nStatus == 3)
 416                         return "";
 417         }
 418         else if (sTabName =="idx")
 419         {
 420                 if (nStatus == 0)
 421                         return "whd_tab4.gif";
 422                 else if (nStatus == 1)
 423                         return "whd_tab3.gif";
 424                 else if (nStatus == 2)
 425                         return "";
 426                 else if (nStatus == 3)
 427                         return "";
 428         }
 429         else if (sTabName == "fts")
 430         {
 431                 if (nStatus == 0)
 432                         return "whd_tab6.gif";
 433                 else if (nStatus == 1)
 434                         return "whd_tab5.gif";
 435                 else if (nStatus == 2)
 436                         return "";
 437                 else if (nStatus == 3)
 438                         return "";
 439         }
 440         else if (sTabName == "glo")
 441         {
 442                 if (nStatus == 0)
 443                         return "whd_tab8.gif";
 444                 else if (nStatus == 1)
 445                         return "whd_tab7.gif";
 446                 else if (nStatus == 2)
 447                         return "";
 448                 else if (nStatus == 3)
 449                         return "";
 450         }
 451         return "";
 452 }
 453
 454 function getMapImage(sTabName)
 455 {
 456         if (sTabName == "toc")
 457                 return "";
 458         else if (sTabName =="idx")
 459                 return "";
 460         else if (sTabName == "fts")
 461                 return "";
 462         else if (sTabName == "glo")
 463                 return "";
 464         return "";
 465 }
 466
 467 if(window.gbWhUtil&&window.gbWhMsg&&window.gbWhVer&&window.gbWhProxy)
 468 {
 469         window.onload = selectDefaultTab;
 470         RegisterListener2(this, WH_MSG_SHOWTOC);
 471         RegisterListener2(this, WH_MSG_SHOWIDX);
 472         RegisterListener2(this, WH_MSG_SHOWFTS);
 473         RegisterListener2(this, WH_MSG_SHOWGLO);
 474         window.onunload = window_unload;
 475         goTocFont=new whFont("Arial","9pt","#000000","normal","normal","none");
 476         goIdxFont=new whFont("Arial","9pt","#000000","normal","normal","none");
 477         goFtsFont=new whFont("Arial","9pt","#000000","normal","normal","none");
 478         goGloFont=new whFont("Arial","9pt","#000000","normal","normal","none");
 479
 480         if (navigator.currentNavPen)
 481                 gsFirstPane = navigator.currentNavPen;
 482
 483         setBackgroundcolor("");
 484         setBackground("whd_tab0.gif");
 485
 486
 487
 488
 489           addPane("toc","whtdhtml.htm");
 490   addPane("fts","whfdhtml.htm");
 491   addPane("glo","whgdhtml.htm");
 492   setShowPane("toc");
 493
 494
 495         gnTabType = 0; // 0 button. // 1 text. // 2 image mapping.
 496         TocWriteClassStyle();
 497         var sHTML = "<body scroll=\"no\" bgcolor=\"#c0c0c0\"    background=\"whd_tab0.gif\" style=\"margin-top:0;margin-bottom:0;margin-left:0;margin-right:0\">";
 498         if (gPane.length > 0)
 499         {
 500                 if (gnTabType == 0 || gnTabType == 1)
 501                 {
 502                         sHTML += "<table width=\"100%\">";
 503                         sHTML += "<tr>";
 504                         sHTML += "<td>";
 505                         sHTML += "<nobr>";
 506                         sHTML += getTabsHTML();
 507                         sHTML += "</nobr></td></tr>";
 508                         sHTML += " <tr><td height=\"2\"></td></tr>";
 509                         sHTML += "</table>";
 510                 }
 511                 else if (gnTabType == 2)
 512                 {
 513                         sHTML += getImageMap();
 514                         sHTML +="<img name=\"tabSelection\" src=\"" + getMapImage(gPane[0]) + "\" x-maintain-ratio=\"true\" usemap=\"#tabSelectionMap\"";
 515                         if (gbIE)
 516                                 sHTML +=" style=\"border: none; width:px; height:px; float: none;\"";
 517                         sHTML +=" width=\"\" height=\"\" border=\"0\">";
 518                 }
 519         }
 520         sHTML += "</body>";
 521         document.write(sHTML);
 522 }
 523 else
 524         document.location.reload();
 525
 526 if (window.gbNav6)
 527 {
 528         var oMsg=new whMessage(WH_MSG_RELOADNS6,this, 1,null);
 529         SendMessage(oMsg);
 530 }
 531 //-->
 532 </script>
 533 </HTML>