doc/salome/gui/SMESH/whd_tabs.htm

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