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