3 <TITLE>WebHelp Tabs Frame in Navigation Pane</TITLE>
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 -->
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">
15 var gsBgColor="#c0c0c0"
23 var gPane=new Array();
27 function window_unload()
29 UnRegisterListener2(this,WH_MSG_SHOWTOC);
30 UnRegisterListener2(this,WH_MSG_SHOWIDX);
31 UnRegisterListener2(this,WH_MSG_SHOWFTS);
32 UnRegisterListener2(this,WH_MSG_SHOWGLO);
36 function setFont(sType,sFontName,sFontSize,sFontColor,sFontStyle,sFontWeight,sFontDecoration)
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;
45 function TocWriteClassStyle()
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;}";
54 document.write(sStyle);
57 function setBackgroundcolor(sBgColor)
59 if(sBgColor!=null&&sBgColor.length>0)
63 function setBackground(sBgImage)
65 if(sBgImage!=null&&sBgImage.length>0)
71 var oMessage=new whMessage(WH_MSG_SHOWTOC,this,1,null);
72 SendMessage(oMessage);
77 var oMessage=new whMessage(WH_MSG_SHOWIDX,this,1,null);
78 SendMessage(oMessage);
82 var oMessage=new whMessage(WH_MSG_SHOWFTS,this,1,null);
83 SendMessage(oMessage);
88 var oMessage=new whMessage(WH_MSG_SHOWGLO,this,1,null);
89 SendMessage(oMessage);
93 function onSendMessage(oMsg)
97 var nMsgId=oMsg.nMessageId;
98 if(nMsgId==WH_MSG_SHOWTOC)
100 setTimeout("showTabByName(\"toc\");",1);
102 else if(nMsgId==WH_MSG_SHOWIDX)
104 setTimeout("showTabByName(\"idx\");",1);
106 else if(nMsgId==WH_MSG_SHOWFTS)
108 setTimeout("showTabByName(\"fts\");",1);
110 else if(nMsgId==WH_MSG_SHOWGLO)
112 setTimeout("showTabByName(\"glo\");",1);
118 function showTabByName(sTabName)
120 for(var i=0;i<gPane.length;i++)
122 if(gPane[i]==sTabName)
137 if(document.images["TocTab"]&&document.images["TocTab"]!=null){
139 document.images["TocTab"].src=getBtnImage("toc",1);
141 document.images["TocTab"].src=getBtnImage("toc",0);
143 if(document.images["IndexTab"]&&document.images["IndexTab"]!=null){
145 document.images["IndexTab"].src=getBtnImage("idx",1);
147 document.images["IndexTab"].src=getBtnImage("idx",0);
149 if(document.images["FtsTab"]&&document.images["FtsTab"]!=null){
151 document.images["FtsTab"].src=getBtnImage("fts",1);
153 document.images["FtsTab"].src=getBtnImage("fts",0);
155 if(document.images["GloTab"]&&document.images["GloTab"]!=null){
157 document.images["GloTab"].src=getBtnImage("glo",1);
159 document.images["GloTab"].src=getBtnImage("glo",0);
163 else if(gnTabType==1)
166 else if(gnTabType==2)
170 if(document.images["tabSelection"]!=null)
171 document.images["tabSelection"].src=getMapImage(gPane[n]);
176 function addPane(sName)
178 gPane[gPane.length]=sName;
181 function setShowPane(sName)
185 for(var i=0;i<gPane.length;i++)
192 function selectDefaultTab()
197 if(gsBgImage&&gsBgImage.length>0)
199 document.body.background=gsBgImage;
201 if(gsBgColor&&gsBgColor.length>0)
203 document.body.bgColor=gsBgColor;
208 function getTabsHTML()
211 for(var i=0;i<gPane.length;i++)
214 sHTML+=getTabHTML(gPane[i]);
215 else if(gnTabType==1)
219 sHTML+=getSeparator();
221 sHTML+=getTabHTMLText(gPane[i]);
228 function getSeparator()
235 function getTabHTML(sTabName)
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>";
248 function mouseOverToc()
251 if (gPane[gnCurPane] == "toc")
253 sImg = getBtnImage("toc", 3);
257 sImg = getBtnImage("toc", 2);
260 document.images["TocTab"].src = sImg;
263 function mouseOverIdx()
266 if (gPane[gnCurPane] == "idx")
268 sImg = getBtnImage("idx", 3);
272 sImg = getBtnImage("idx", 2);
275 document.images["IndexTab"].src = sImg;
278 function mouseOverFts()
281 if (gPane[gnCurPane] == "fts")
283 sImg = getBtnImage("fts", 3);
287 sImg = getBtnImage("fts", 2);
290 document.images["FtsTab"].src = sImg;
293 function mouseOverGlo()
296 if (gPane[gnCurPane] == "glo")
298 sImg = getBtnImage("glo", 3);
302 sImg = getBtnImage("glo", 2);
305 document.images["GloTab"].src = sImg;
308 function mouseOutToc()
311 if (gPane[gnCurPane] == "toc")
313 sImg = getBtnImage("toc", 1);
317 sImg = getBtnImage("toc", 0);
320 document.images["TocTab"].src = sImg;
323 function mouseOutIdx()
326 if (gPane[gnCurPane] == "idx")
328 sImg = getBtnImage("idx", 1);
332 sImg = getBtnImage("idx", 0);
335 document.images["IndexTab"].src = sImg;
338 function mouseOutFts()
341 if (gPane[gnCurPane] == "fts")
343 sImg = getBtnImage("fts", 1);
347 sImg = getBtnImage("fts", 0);
350 document.images["FtsTab"].src = sImg;
353 function mouseOutGlo()
356 if (gPane[gnCurPane] == "glo")
358 sImg = getBtnImage("glo", 1);
362 sImg = getBtnImage("glo", 0);
365 document.images["GloTab"].src = sImg;
368 function getTabHTMLText(sTabName)
370 if (sTabName == "toc")
371 return "<a class=\"TextTabToc\" href=\"javascript:void(0);\" onclick=\"selectToc();return false;\">Contents</a> ";
372 else if (sTabName =="idx")
373 return "<a class=\"TextTabIdx\" href=\"javascript:void(0);\" onclick=\"selectIdx();return false;\">Index</a> ";
374 else if (sTabName == "fts")
375 return "<a class=\"TextTabFts\" href=\"javascript:void(0);\" onclick=\"selectFts();return false;\">Search</a> ";
376 else if (sTabName == "glo")
377 return "<a class=\"TextTabGlo\" href=\"javascript:void(0);\" onclick=\"selectGlo();return false;\">Glossary</a> ";
381 function getImageMap()
383 var sHTML = "<map name=\"tabSelectionMap\">";
384 for (var i = 0; i < gPane.length; i ++)
386 sHTML += getMapArea(gPane[i]);
392 function getMapArea(sTabName)
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;\">";
405 function getBtnImage(sTabName, nStatus)
407 if (sTabName == "toc")
410 return "whd_tab2.gif";
411 else if (nStatus == 1)
412 return "whd_tab1.gif";
413 else if (nStatus == 2)
415 else if (nStatus == 3)
418 else if (sTabName =="idx")
421 return "whd_tab4.gif";
422 else if (nStatus == 1)
423 return "whd_tab3.gif";
424 else if (nStatus == 2)
426 else if (nStatus == 3)
429 else if (sTabName == "fts")
432 return "whd_tab6.gif";
433 else if (nStatus == 1)
434 return "whd_tab5.gif";
435 else if (nStatus == 2)
437 else if (nStatus == 3)
440 else if (sTabName == "glo")
443 return "whd_tab8.gif";
444 else if (nStatus == 1)
445 return "whd_tab7.gif";
446 else if (nStatus == 2)
448 else if (nStatus == 3)
454 function getMapImage(sTabName)
456 if (sTabName == "toc")
458 else if (sTabName =="idx")
460 else if (sTabName == "fts")
462 else if (sTabName == "glo")
467 if(window.gbWhUtil&&window.gbWhMsg&&window.gbWhVer&&window.gbWhProxy)
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");
480 if (navigator.currentNavPen)
481 gsFirstPane = navigator.currentNavPen;
483 setBackgroundcolor("");
484 setBackground("whd_tab0.gif");
489 addPane("toc","whtdhtml.htm");
490 addPane("fts","whfdhtml.htm");
491 addPane("glo","whgdhtml.htm");
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)
500 if (gnTabType == 0 || gnTabType == 1)
502 sHTML += "<table width=\"100%\">";
506 sHTML += getTabsHTML();
507 sHTML += "</nobr></td></tr>";
508 sHTML += " <tr><td height=\"2\"></td></tr>";
511 else if (gnTabType == 2)
513 sHTML += getImageMap();
514 sHTML +="<img name=\"tabSelection\" src=\"" + getMapImage(gPane[0]) + "\" x-maintain-ratio=\"true\" usemap=\"#tabSelectionMap\"";
516 sHTML +=" style=\"border: none; width:px; height:px; float: none;\"";
517 sHTML +=" width=\"\" height=\"\" border=\"0\">";
521 document.write(sHTML);
524 document.location.reload();
528 var oMsg=new whMessage(WH_MSG_RELOADNS6,this, 1,null);