| <HTML> |
| <HEAD> |
| <TITLE>WebHelp Tabs Frame in Navigation Pane</TITLE> |
| |
| <meta name="generator" content="Adobe RoboHelp 8" /> |
| <meta name="description" content="WebHelp 5.50" /> |
| <!-- WebHelp version 5.10 --> |
| </HEAD> |
| <script language="javascript" src="whver.js"></script> |
| <script language="javascript1.2" src="whmsg.js"></script> |
| <script language="javascript1.2" src="whproxy.js"></script> |
| <script language="javascript1.2" src="whutils.js"></script> |
| <script language="javascript1.2"> |
| <!-- |
| var gsBgColor="#c0c0c0" |
| var gsBgImage=""; |
| var gnCurPane=0; |
| var gsFirstPane=""; |
| var goTocFont=null; |
| var goIdxFont=null; |
| var goFtsFont=null; |
| var goGloFont=null; |
| var gPane=new Array(); |
| var gShowFirst=0; |
| var gnTabType=0; |
| |
| function window_unload() |
| { |
| UnRegisterListener2(this,WH_MSG_SHOWTOC); |
| UnRegisterListener2(this,WH_MSG_SHOWIDX); |
| UnRegisterListener2(this,WH_MSG_SHOWFTS); |
| UnRegisterListener2(this,WH_MSG_SHOWGLO); |
| } |
| |
| |
| function setFont(sType,sFontName,sFontSize,sFontColor,sFontStyle,sFontWeight,sFontDecoration) |
| { |
| var vFont=new whFont(sFontName,sFontSize,sFontColor,sFontStyle,sFontWeight,sFontDecoration); |
| if(sType=="Toc") goTocFont=vFont; |
| else if(sType=="Idx") goIdxFont=vFont; |
| else if(sType=="Fts") goFtsFont=vFont; |
| else if(sType=="Glo") goGloFont=vFont; |
| } |
| |
| function TocWriteClassStyle() |
| { |
| var sStyle="<STYLE TYPE='text/css'>"; |
| sStyle+=".TextTabToc {"+getFontStyle(goTocFont)+"}"; |
| sStyle+=".TextTabIdx {"+getFontStyle(goIdxFont)+"}"; |
| sStyle+=".TextTabFts {"+getFontStyle(goFtsFont)+"}"; |
| sStyle+=".TextTabGlo {"+getFontStyle(goGloFont)+"}"; |
| sStyle+="A:hover {text-decoration:underline;}"; |
| sStyle+="</STYLE>"; |
| document.write(sStyle); |
| } |
| |
| function setBackgroundcolor(sBgColor) |
| { |
| if(sBgColor!=null&&sBgColor.length>0) |
| gsBgColor=sBgColor; |
| } |
| |
| function setBackground(sBgImage) |
| { |
| if(sBgImage!=null&&sBgImage.length>0) |
| gsBgImage=sBgImage; |
| } |
| |
| function selectToc() |
| { |
| var oMessage=new whMessage(WH_MSG_SHOWTOC,this,1,null); |
| SendMessage(oMessage); |
| } |
| |
| function selectIdx() |
| { |
| var oMessage=new whMessage(WH_MSG_SHOWIDX,this,1,null); |
| SendMessage(oMessage); |
| } |
| function selectFts() |
| { |
| var oMessage=new whMessage(WH_MSG_SHOWFTS,this,1,null); |
| SendMessage(oMessage); |
| } |
| |
| function selectGlo() |
| { |
| var oMessage=new whMessage(WH_MSG_SHOWGLO,this,1,null); |
| SendMessage(oMessage); |
| } |
| |
| |
| function onSendMessage(oMsg) |
| { |
| if(oMsg) |
| { |
| var nMsgId=oMsg.nMessageId; |
| if(nMsgId==WH_MSG_SHOWTOC) |
| { |
| setTimeout("showTabByName(\"toc\");",1); |
| } |
| else if(nMsgId==WH_MSG_SHOWIDX) |
| { |
| setTimeout("showTabByName(\"idx\");",1); |
| } |
| else if(nMsgId==WH_MSG_SHOWFTS) |
| { |
| setTimeout("showTabByName(\"fts\");",1); |
| } |
| else if(nMsgId==WH_MSG_SHOWGLO) |
| { |
| setTimeout("showTabByName(\"glo\");",1); |
| } |
| } |
| return true; |
| } |
| |
| function showTabByName(sTabName) |
| { |
| for(var i=0;i<gPane.length;i++) |
| { |
| if(gPane[i]==sTabName) |
| { |
| showTab(i); |
| break; |
| } |
| } |
| } |
| |
| function showTab(n) |
| { |
| gnCurPane=n; |
| if(gnTabType==0) |
| { |
| if(n<gPane.length) |
| { |
| if(document.images["TocTab"]&&document.images["TocTab"]!=null){ |
| if(gPane[n]=="toc") |
| document.images["TocTab"].src=getBtnImage("toc",1); |
| else |
| document.images["TocTab"].src=getBtnImage("toc",0); |
| } |
| if(document.images["IndexTab"]&&document.images["IndexTab"]!=null){ |
| if(gPane[n]=="idx") |
| document.images["IndexTab"].src=getBtnImage("idx",1); |
| else |
| document.images["IndexTab"].src=getBtnImage("idx",0); |
| } |
| if(document.images["FtsTab"]&&document.images["FtsTab"]!=null){ |
| if(gPane[n]=="fts") |
| document.images["FtsTab"].src=getBtnImage("fts",1); |
| else |
| document.images["FtsTab"].src=getBtnImage("fts",0); |
| } |
| if(document.images["GloTab"]&&document.images["GloTab"]!=null){ |
| if(gPane[n]=="glo") |
| document.images["GloTab"].src=getBtnImage("glo",1); |
| else |
| document.images["GloTab"].src=getBtnImage("glo",0); |
| } |
| } |
| } |
| else if(gnTabType==1) |
| { |
| } |
| else if(gnTabType==2) |
| { |
| if(n<gPane.length) |
| { |
| if(document.images["tabSelection"]!=null) |
| document.images["tabSelection"].src=getMapImage(gPane[n]); |
| } |
| } |
| } |
| |
| function addPane(sName) |
| { |
| gPane[gPane.length]=sName; |
| } |
| |
| function setShowPane(sName) |
| { |
| if(gsFirstPane!="") |
| sName=gsFirstPane; |
| for(var i=0;i<gPane.length;i++) |
| { |
| if(gPane[i]==sName) |
| gShowFirst=i; |
| } |
| } |
| |
| function selectDefaultTab() |
| { |
| showTab(gShowFirst); |
| if(document.body) |
| { |
| if(gsBgImage&&gsBgImage.length>0) |
| { |
| document.body.background=gsBgImage; |
| } |
| if(gsBgColor&&gsBgColor.length>0) |
| { |
| document.body.bgColor=gsBgColor; |
| } |
| } |
| } |
| |
| function getTabsHTML() |
| { |
| var sHTML=""; |
| for(var i=0;i<gPane.length;i++) |
| { |
| if(gnTabType==0) |
| sHTML+=getTabHTML(gPane[i]); |
| else if(gnTabType==1) |
| { |
| if(sHTML.length>0) |
| { |
| sHTML+=getSeparator(); |
| } |
| sHTML+=getTabHTMLText(gPane[i]); |
| } |
| |
| } |
| return sHTML; |
| } |
| |
| function getSeparator() |
| { |
| var sSep=""; |
| |
| return sSep; |
| } |
| |
| function getTabHTML(sTabName) |
| { |
| if (sTabName == "toc") |
| 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>"; |
| else if (sTabName =="idx") |
| 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>"; |
| else if (sTabName == "fts") |
| 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>"; |
| else if (sTabName == "glo") |
| 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>"; |
| return ""; |
| } |
| |
| function mouseOverToc() |
| { |
| var sImg = ""; |
| if (gPane[gnCurPane] == "toc") |
| { |
| sImg = getBtnImage("toc", 3); |
| } |
| else |
| { |
| sImg = getBtnImage("toc", 2); |
| } |
| if (sImg.length > 0) |
| document.images["TocTab"].src = sImg; |
| } |
| |
| function mouseOverIdx() |
| { |
| var sImg = ""; |
| if (gPane[gnCurPane] == "idx") |
| { |
| sImg = getBtnImage("idx", 3); |
| } |
| else |
| { |
| sImg = getBtnImage("idx", 2); |
| } |
| if (sImg.length > 0) |
| document.images["IndexTab"].src = sImg; |
| } |
| |
| function mouseOverFts() |
| { |
| var sImg = ""; |
| if (gPane[gnCurPane] == "fts") |
| { |
| sImg = getBtnImage("fts", 3); |
| } |
| else |
| { |
| sImg = getBtnImage("fts", 2); |
| } |
| if (sImg.length > 0) |
| document.images["FtsTab"].src = sImg; |
| } |
| |
| function mouseOverGlo() |
| { |
| var sImg = ""; |
| if (gPane[gnCurPane] == "glo") |
| { |
| sImg = getBtnImage("glo", 3); |
| } |
| else |
| { |
| sImg = getBtnImage("glo", 2); |
| } |
| if (sImg.length > 0) |
| document.images["GloTab"].src = sImg; |
| } |
| |
| function mouseOutToc() |
| { |
| var sImg = ""; |
| if (gPane[gnCurPane] == "toc") |
| { |
| sImg = getBtnImage("toc", 1); |
| } |
| else |
| { |
| sImg = getBtnImage("toc", 0); |
| } |
| if (sImg.length > 0) |
| document.images["TocTab"].src = sImg; |
| } |
| |
| function mouseOutIdx() |
| { |
| var sImg = ""; |
| if (gPane[gnCurPane] == "idx") |
| { |
| sImg = getBtnImage("idx", 1); |
| } |
| else |
| { |
| sImg = getBtnImage("idx", 0); |
| } |
| if (sImg.length > 0) |
| document.images["IndexTab"].src = sImg; |
| } |
| |
| function mouseOutFts() |
| { |
| var sImg = ""; |
| if (gPane[gnCurPane] == "fts") |
| { |
| sImg = getBtnImage("fts", 1); |
| } |
| else |
| { |
| sImg = getBtnImage("fts", 0); |
| } |
| if (sImg.length > 0) |
| document.images["FtsTab"].src = sImg; |
| } |
| |
| function mouseOutGlo() |
| { |
| var sImg = ""; |
| if (gPane[gnCurPane] == "glo") |
| { |
| sImg = getBtnImage("glo", 1); |
| } |
| else |
| { |
| sImg = getBtnImage("glo", 0); |
| } |
| if (sImg.length > 0) |
| document.images["GloTab"].src = sImg; |
| } |
| |
| function getTabHTMLText(sTabName) |
| { |
| if (sTabName == "toc") |
| return "<a class=\"TextTabToc\" href=\"javascript:void(0);\" onclick=\"selectToc();return false;\">Contents</a> "; |
| else if (sTabName =="idx") |
| return "<a class=\"TextTabIdx\" href=\"javascript:void(0);\" onclick=\"selectIdx();return false;\">Index</a> "; |
| else if (sTabName == "fts") |
| return "<a class=\"TextTabFts\" href=\"javascript:void(0);\" onclick=\"selectFts();return false;\">Search</a> "; |
| else if (sTabName == "glo") |
| return "<a class=\"TextTabGlo\" href=\"javascript:void(0);\" onclick=\"selectGlo();return false;\">Glossary</a> "; |
| return ""; |
| } |
| |
| function getImageMap() |
| { |
| var sHTML = "<map name=\"tabSelectionMap\">"; |
| for (var i = 0; i < gPane.length; i ++) |
| { |
| sHTML += getMapArea(gPane[i]); |
| } |
| sHTML += "</map>"; |
| return sHTML; |
| } |
| |
| function getMapArea(sTabName) |
| { |
| if (sTabName == "toc") |
| return "<area title=\"Contents\" shape=\"\" coords=\"\" href=\"javascript:void(0);\" onclick=\"selectToc();return false;\">"; |
| else if (sTabName =="idx") |
| return "<area title=\"Index\" shape=\"\" coords=\"\" href=\"javascript:void(0);\" onclick=\"selectIdx();return false;\">"; |
| else if (sTabName == "fts") |
| return "<area title=\"Search\" shape=\"\" coords=\"\" href=\"javascript:void(0);\" onclick=\"selectFts();return false;\">"; |
| else if (sTabName == "glo") |
| return "<area title=\"Glossary\" shape=\"\" coords=\"\" href=\"javascript:void(0);\" onclick=\"selectGlo();return false;\">"; |
| return ""; |
| } |
| |
| function getBtnImage(sTabName, nStatus) |
| { |
| if (sTabName == "toc") |
| { |
| if (nStatus == 0) |
| return "whd_tab2.gif"; |
| else if (nStatus == 1) |
| return "whd_tab1.gif"; |
| else if (nStatus == 2) |
| return ""; |
| else if (nStatus == 3) |
| return ""; |
| } |
| else if (sTabName =="idx") |
| { |
| if (nStatus == 0) |
| return "whd_tab4.gif"; |
| else if (nStatus == 1) |
| return "whd_tab3.gif"; |
| else if (nStatus == 2) |
| return ""; |
| else if (nStatus == 3) |
| return ""; |
| } |
| else if (sTabName == "fts") |
| { |
| if (nStatus == 0) |
| return "whd_tab6.gif"; |
| else if (nStatus == 1) |
| return "whd_tab5.gif"; |
| else if (nStatus == 2) |
| return ""; |
| else if (nStatus == 3) |
| return ""; |
| } |
| else if (sTabName == "glo") |
| { |
| if (nStatus == 0) |
| return "whd_tab8.gif"; |
| else if (nStatus == 1) |
| return "whd_tab7.gif"; |
| else if (nStatus == 2) |
| return ""; |
| else if (nStatus == 3) |
| return ""; |
| } |
| return ""; |
| } |
| |
| function getMapImage(sTabName) |
| { |
| if (sTabName == "toc") |
| return ""; |
| else if (sTabName =="idx") |
| return ""; |
| else if (sTabName == "fts") |
| return ""; |
| else if (sTabName == "glo") |
| return ""; |
| return ""; |
| } |
| |
| if(window.gbWhUtil&&window.gbWhMsg&&window.gbWhVer&&window.gbWhProxy) |
| { |
| window.onload = selectDefaultTab; |
| RegisterListener2(this, WH_MSG_SHOWTOC); |
| RegisterListener2(this, WH_MSG_SHOWIDX); |
| RegisterListener2(this, WH_MSG_SHOWFTS); |
| RegisterListener2(this, WH_MSG_SHOWGLO); |
| window.onunload = window_unload; |
| goTocFont=new whFont("Arial","9pt","#000000","normal","normal","none"); |
| goIdxFont=new whFont("Arial","9pt","#000000","normal","normal","none"); |
| goFtsFont=new whFont("Arial","9pt","#000000","normal","normal","none"); |
| goGloFont=new whFont("Arial","9pt","#000000","normal","normal","none"); |
| |
| if (navigator.currentNavPen) |
| gsFirstPane = navigator.currentNavPen; |
| |
| setBackgroundcolor(""); |
| setBackground("whd_tab0.gif"); |
| |
| |
| |
| |
| addPane("toc","whtdhtml.htm"); |
| addPane("idx","whidhtml.htm"); |
| addPane("fts","whfdhtml.htm"); |
| setShowPane("toc"); |
| |
| |
| gnTabType = 0; // 0 button. // 1 text. // 2 image mapping. |
| TocWriteClassStyle(); |
| var sHTML = "<body scroll=\"no\" bgcolor=\"#c0c0c0\" background=\"whd_tab0.gif\" style=\"margin-top:0;margin-bottom:0;margin-left:0;margin-right:0\">"; |
| if (gPane.length > 0) |
| { |
| if (gnTabType == 0 || gnTabType == 1) |
| { |
| sHTML += "<table width=\"100%\">"; |
| sHTML += "<tr>"; |
| sHTML += "<td>"; |
| sHTML += "<nobr>"; |
| sHTML += getTabsHTML(); |
| sHTML += "</nobr></td></tr>"; |
| sHTML += " <tr><td height=\"2\"></td></tr>"; |
| sHTML += "</table>"; |
| } |
| else if (gnTabType == 2) |
| { |
| sHTML += getImageMap(); |
| sHTML +="<img name=\"tabSelection\" src=\"" + getMapImage(gPane[0]) + "\" x-maintain-ratio=\"true\" usemap=\"#tabSelectionMap\""; |
| if (gbIE) |
| sHTML +=" style=\"border: none; width:px; height:px; float: none;\""; |
| sHTML +=" width=\"\" height=\"\" border=\"0\">"; |
| } |
| } |
| sHTML += "</body>"; |
| document.write(sHTML); |
| } |
| else |
| document.location.reload(); |
| |
| if (window.gbNav6) |
| { |
| var oMsg=new whMessage(WH_MSG_RELOADNS6,this, 1,null); |
| SendMessage(oMsg); |
| } |
| //--> |
| </script> |
| </HTML> |
