mirror of
https://git.salome-platform.org/gitpub/modules/smesh.git
synced 2024-11-12 00:29:17 +05:00
533 lines
12 KiB
HTML
533 lines
12 KiB
HTML
|
<HTML>
|
||
|
<HEAD>
|
||
|
<TITLE>WebHelp Tabs Frame in Navigation Pane</TITLE>
|
||
|
|
||
|
<meta name="generator" content="RoboHelp by eHelp Corporation www.ehelp.com">
|
||
|
<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("fts","whfdhtml.htm");
|
||
|
addPane("glo","whgdhtml.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>
|