gnb_menus_layer.js

在线考试软件。 在线考试软件详细设计说明书：说明在线测试这一模块各部分的功能和结构

  function getGNBLinkColor(moduleID)/*鼠标over时显示颜色*/
  {
    if (moduleID == "www") return "#3260B1";
    if (moduleID == "senior") return "#B77BB4";
    if (moduleID == "junior") return "#F7A300";
    if (moduleID == "exercises") return "#77B7B9";
    if (moduleID == "community") return "#C28383";
    if (moduleID == "myjh") return "#8882B5";
    if (moduleID == "help") return "#CEAB75";
  }

  function getGNBLayerColor(moduleID)/*间隔的彩条基本颜色*/
  {
    if (moduleID == "senior") return "#F7E1F6";
    if (moduleID == "junior") return "#FFEBC4";
    if (moduleID == "exercises") return "#DFF1E4";
    if (moduleID == "community") return "#FBE2D3";
    if (moduleID == "myjh") return "#EFEDFD";
    if (moduleID == "help") return "#F5E8D3";
  }

  function getGNBLayerHighlightColor(moduleID)/*下拉菜单鼠标over时改变的颜色*/
  {
    if (moduleID == "senior") return "#D3ADD1";
    if (moduleID == "junior") return "#E4BD55";
    if (moduleID == "exercises") return "#77B7B9";
    if (moduleID == "community") return "#E1B1B1";
    if (moduleID == "myjh") return "#B5B1D4";
    if (moduleID == "help") return "#CEAB75";
  }

  function generateGNBLayerMenu(moduleID, subMenu, menuID, strOption)
  {

      var href = "javascript:sayNavigate('"+subMenu[0].replace(/'/g, '\\\'')+"');"
/*
    if (subMenu[0].substr(0, 7) == "http://")
      var href = "javascript:sayNavigate('"+subMenu[0].replace(/'/g, '\\\'')+"');"
    else
      var href = subMenu[0];
*/

    if (subMenu[2] == "normal")
      return "<TD "+strOption+" ONMOUSEOVER=\"javascript:highlightLayer('"+moduleID+"', '"+menuID+"')\" ONMOUSEOUT=\"javascript:restoreLayer('"+moduleID+"', '"+menuID+"')\" ONMOUSEDOWN=\""+href+"\" STYLE=\"cursor:hand\" CLASS=gnbSubMenu>&nbsp;<SPAN ID=text_"+menuID+">" + subMenu[1] + "</SPAN>&nbsp;&nbsp;</TD>";
    else if (subMenu[2] == "special")
      return "<TD "+strOption+" ONMOUSEOVER=\"javascript:highlightLayer('"+moduleID+"', '"+menuID+"');document.all.arrow_"+menuID+".color='#FFFFFF';\" ONMOUSEOUT=\"javascript:restoreLayer('"+moduleID+"', '"+menuID+"');document.all.arrow_"+menuID+".color='#BFBFBF';\" ONMOUSEDOWN=\""+href+"\" STYLE=\"cursor:hand\" CLASS=gnbSubMenu>&nbsp;<SPAN ID=text_"+menuID+"><FONT ID=arrow_"+menuID+" COLOR=#BFBFBF style='font-size:8pt;'>⒑</FONT>" + subMenu[1] + "</SPAN>&nbsp;&nbsp;</TD>";
    else
      return "<TD "+strOption+" ONMOUSEOVER=\"javascript:highlightLayer('"+moduleID+"', '"+menuID+"')\" ONMOUSEOUT=\"javascript:restoreLayer('"+moduleID+"', '"+menuID+"');document.all.text_"+menuID+".style.color='#646464';\" ONMOUSEDOWN=\""+href+"\" STYLE=\"cursor:hand; color:#646464;\" CLASS=gnbSubMenu ALIGN=right>&nbsp;<SPAN ID=text_"+menuID+"><b>more <FONT SIZE=-2>&gt;</FONT></b></SPAN>&nbsp;&nbsp;</TD>";
  }

  function generateGNBLayerTop(moduleID, subMenu, bgcolor, menuID)
  {
    document.writeln(
"<TR VALIGN=bottom HEIGHT=1>"+
  "<TD ROWSPAN=2 BGCOLOR=#717171></TD>"+
  "<TD ID="+menuID+" BGCOLOR="+bgcolor+" ROWSPAN=2 COLSPAN=3></TD>"+
  generateGNBLayerMenu(moduleID, subMenu, menuID, 'ID='+menuID+' BGCOLOR='+bgcolor+' ROWSPAN=2')+
  "<TD ID="+menuID+" BGCOLOR="+bgcolor+" ROWSPAN=2 COLSPAN=2></TD>"+
  "<TD ROWSPAN=2 BGCOLOR=#717171></TD>"+
  "<TD></TD>"+
"</TR>"+

"<TR BGCOLOR="+bgcolor+" VALIGN=bottom HEIGHT=17>"+
  "<TD BGCOLOR=#000000></TD>"+
"</TR>");
  }

  function generateGNBLayerCommon(moduleID, subMenu, bgcolor, menuID)
  {
    document.writeln(
"<TR ID="+menuID+" BGCOLOR="+bgcolor+" VALIGN=bottom HEIGHT=18>"+
  "<TD BGCOLOR=#717171></TD>"+
  "<TD COLSPAN=3></TD>"+
  generateGNBLayerMenu(moduleID, subMenu, menuID, '')+
  "<TD COLSPAN=2></TD>"+
  "<TD BGCOLOR=#717171></TD>"+
  "<TD BGCOLOR=#000000></TD>"+
"</TR>");
  }

  function generateGNBLayerBottom(moduleID, subMenu, bgcolor, menuID)
  {
    document.writeln(
"<TR ID="+menuID+" BGCOLOR="+bgcolor+" VALIGN=bottom HEIGHT=16>"+
  "<TD BGCOLOR=#717171></TD>"+
  "<TD></TD>"+
  "<TD ROWSPAN=2></TD>"+
  "<TD ROWSPAN=3></TD>"+
  generateGNBLayerMenu(moduleID, subMenu, menuID, 'ROWSPAN=3')+
  "<TD ROWSPAN=2></TD>"+
  "<TD></TD>"+
  "<TD BGCOLOR=#717171></TD>"+
  "<TD ROWSPAN=2 BGCOLOR=#000000></TD>"+
"</TR>"+

"<TR HEIGHT=1>"+
  "<TD ROWSPAN=2></TD>"+
  "<TD ROWSPAN=2 BGCOLOR=#717171></TD>"+
  "<TD ROWSPAN=2 BGCOLOR=#717171></TD>"+
  "<TD ROWSPAN=2 BGCOLOR=#000000></TD>"+
"</TR>"+

"<TR HEIGHT=1>"+
  "<TD BGCOLOR=#717171></TD>"+
  "<TD BGCOLOR=#717171></TD>"+
  "<TD></TD>"+
"</TR>");
  }
  
  function generateGNBLayerLine()
  {
    document.writeln(
"<TR BGCOLOR=#D3D3D3 HEIGHT=1>"+
  "<TD BGCOLOR=#717171></TD>"+
  "<TD COLSPAN=6></TD>"+
  "<TD BGCOLOR=#717171></TD>"+
  "<TD BGCOLOR=#000000></TD>"+
"</TR>");
  }

  function generateGNBLayer(moduleID, subMenus)
  {
    var bgcolor = getGNBLayerColor(moduleID);

    document.writeln(
"<DIV ID=gnb_layer_"+moduleID+"  ONMOUSEOVER=\"javascript:showSubMenuLayer('"+moduleID+"')\" ONMOUSEOUT=\"javascript:hideSubMenuLayer('"+moduleID+"')\" STYLE=\"position:absolute; display:none; z-index:99\">"+
"<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0 STYLE=\"position:relative\">"+
  "<COL WIDTH=1>"+
  "<COL WIDTH=1>"+
  "<COL WIDTH=1>"+
  "<COL WIDTH=1>"+
  "<COL>"+
  "<COL WIDTH=1>"+
  "<COL WIDTH=1>"+
  "<COL WIDTH=1>"+
  "<COL WIDTH=1>");

    var isSpecial = false;
    var bgcolor = '#FFFFFF';

    for (key in subMenus)
    {
      if (subMenus[key][2] != 'normal')
        bgcolor = "#F8F8F3";
      else if (key % 2 == 0)
        bgcolor = getGNBLayerColor(moduleID);
      else
        bgcolor = "#FFFFFF";

      if (subMenus[key][2] != 'normal' && !isSpecial)
      {
        generateGNBLayerLine();
        isSpecial = true;
      }

      if (key == subMenus.length - 1)
        generateGNBLayerBottom(moduleID, subMenus[key], bgcolor, "gnb_layer_"+moduleID+"_"+key);
      else if (key == 0)
        generateGNBLayerTop(moduleID, subMenus[key], bgcolor, "gnb_layer_"+moduleID+"_"+key);
      else
        generateGNBLayerCommon(moduleID, subMenus[key], bgcolor, "gnb_layer_"+moduleID+"_"+key);
    }

    document.writeln(
  "<TR HEIGHT=1>"+
    "<TD COLSPAN=2></TD>"+
    "<TD BGCOLOR=#000000></TD>"+
    "<TD COLSPAN=2 BGCOLOR=#717171></TD>"+
    "<TD COLSPAN=3 BGCOLOR=#000000></TD>"+
    "<TD></TD>"+
  "</TR>"+

  "<TR HEIGHT=1>"+
    "<TD COLSPAN=4></TD>"+
    "<TD COLSPAN=2 BGCOLOR=#000000></TD>"+
    "<TD COLSPAN=3></TD>"+
  "</TR>"+

"</TABLE>"+
"</DIV>");
  }

  var originalLayerBGColor;
  var originalLayerFontColor;

  function highlightLayer(moduleID, menuID)
  {
    //showSubMenuLayer(moduleID);
    originalLayerBGColor = document.getElementById(menuID).bgColor;
    var colMenu = document.getElementsByName(menuID);
    for (var i=0; i<colMenu.length; i++)
      colMenu[i].bgColor = getGNBLayerHighlightColor(moduleID);
    document.all("text_"+menuID).style.color = "#FFFFFF";
  }

  function restoreLayer(moduleID, menuID)
  {
    //hideSubMenuLayer(moduleID);
    var colMenu = document.getElementsByName(menuID);
    for (var i=0; i<colMenu.length; i++)
      colMenu[i].bgColor = originalLayerBGColor;
    document.all("text_"+menuID).style.color = "#000000";
  }

  var originalMenuColor;
  var originalMenuFontWeight;
  var currentShewModuleID = '';

  function showSubMenuLayer(moduleID)
  {
    if (currentShewModuleID == moduleID)
      return;

    if (currentShewModuleID != '')
      hideSubMenuLayer(currentShewModuleID);

    currentShewModuleID = moduleID;

    var tg = document.all("gnb_layer_"+moduleID);
    var link = document.all("gnb_link_"+moduleID);
    var linkText = document.all("gnb_link_text_"+moduleID);

    originalMenuColor = linkText.style.color;
    originalMenuFontWeight = linkText.style.fontWeight;
    linkText.style.color = getGNBLinkColor(moduleID);
    linkText.style.fontWeight = "bold";

    if (tg != null)
    {
      tg.style.posTop = link.offsetTop + link.offsetHeight;
      tg.style.posLeft = link.offsetLeft;
      tg.style.display = "inline";

      for (var i=0; i<objectForClipping.length; i++)