Hierarchical Menus 1

Ronh · Jun 5, 1999

I am working on a table of contents for a web site with five possible selections. As a visitor to the site mouses over each selection, a menu appears with links to other pages. Is this done with DHTML or a Java applet? Can anyone let me know how this is done? Thanks for your help. 
 
Ronh

robherc · Jun 6, 1999

I know that this can be done either with DHTML & JavaScript; or with a Java Applet; which would you prefer? (the Java Applet method would PROBABLY be a little more compatible; but I can't help you at all with pure Java; just JS) 
 
 
-Robherc 
robherc@netzero.net

Ronh · Jun 7, 1999

Thanks, Robherc. If you know of an example in Javascript that can be used in HTML code, that would be great. Thanks. 
 
Ronh

Phred · Jun 9, 1999

A popup menu on a mouseover is a rather simple javascript. You should be able to pop a little coding right into your html to make this happen. Drop me a line and I can give you more specific examples and some source code. 
 
<a href="mailto:bunsenator@hotmail.com">Phred</a>

Guest_imported · Jun 10, 1999

Phred, 
 
Why not just post some source code here? I would like to see your javascript example, as well.

robherc · Jun 10, 1999

one possibility (though HIGHLY complicated) would be to move layers (set apart by <div> tags) to the front or back using an onMouseOver="" call. 
(like I said though; prety complicated &--since I'm facing the last day of school (tests galore)--I don't really have the time to invest in making such a script for you right now. 
 
 
-Robherc 
robherc@netzero.net

Phred · Jun 12, 1999

Here's a neat little example from a certain, how to put this,"EVIL" website...namely, Microsoft. I took the liberty of removing the useless META tags at the top, but the bulk of it remains intact. This should help you a bit...hopefully...<HTML> 
<HEAD> 
<SCRIPT TYPE="text/javascript"> 
var MSIEIndex = navigator.userAgent.indexOf("MSIE"); 
if (navigator.userAgent.indexOf("MSIE") == -1 ¦¦ 
navigator.userAgent.indexOf("Windows") == -1 ¦¦ 
navigator.userAgent.substring((MSIEIndex + 5),(MSIEIndex + 6)) < 4) 
{ 
window.location.replace("/default.htm"); 
} 
</SCRIPT> 
 
<STYLE type="text/css"> 
A:link { color:#003399; } 
A:visited { color:#003399; } 
A:hover { color:red; } 
</STYLE> 
</HEAD> 
 
<BODY TOPMARGIN="0" LEFTMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0" BGCOLOR="#FFFFFF" TEXT="#000000" ALINK="#003399" LINK="#003399" VLINK="#003399"> 
<script language="JavaScript" src='/library/toolbar/toolbar.js'></script> 
<script language="JavaScript" src='/library/toolbar/en-us/global.js'></script> 
<script language="JavaScript" src='/library/toolbar/en-us/local.js'></script> 
<DIV ID="DownLevelDiv"> 
This page must be viewed with IE4 or above, and with Active Scripting enabled. 
</DIV> 
<script language="JavaScript"> 
DownLevelDiv.style.display ='none'; 
setICPBanner("/library/homepage/images/bnr_all.gif","","microsoft.com Home"); 
drawToolbar(); 
</script> 
 
<script language="JavaScript" src='/library/homepage/homepage.js'></script> 
<script language="JavaScript" src='/library/homepage/navigation.js'></script> 
<script language="JavaScript" src='/library/homepage/headline.js'></script> 
<script language="JavaScript"> 
showHomePage("All"); 
</script> 
 
</BODY> 
</HTML> 
 
You might try downloading the actual .js files if you can get them from their server...I'll put up another example soon. 
Phred

Ronh · Jun 12, 1999

This is great. Thanks, Phred. I appreciate your help. 
 
Ronh

robherc · Jun 12, 1999

I'll try to get those .js files downloaded & post them here. 
I have a specialized download-only program that allows me to download ANYTHING (ie. CGI scripts, JavaScript archives, HTML pages, Text files...whatever) 
Please keep posting in here so this thread will remain marked for me (otherwise I might forget to do all of the downloading) 
 
Hope to be able to offer some more help soon

-Robherc 
robherc@netzero.net

robherc · Jun 13, 1999

WOW those files were BIG!!! 
(soo big that I ended up having to split the code into 3 parts after adding them just so Notepad could handle it!) 
 
Anywise; I'll put the code, with ALL of the .js files already integrated, in here as my next 3 messages...hope someone has the time to look through all of it & sort out the part that's used for what we're wanting. 
 
 
-Robherc 
robherc@netzero.net

robherc · Jun 13, 1999

<HTML> 
<HEAD> 
<SCRIPT TYPE="text/javascript">  
</SCRIPT> 
 
</HEAD> 
 
<BODY TOPMARGIN="0" LEFTMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0" BGCOLOR="#FFFFFF" TEXT="#000000" ALINK="#003399" LINK="#003399" VLINK="#003399"> 
<script language="JavaScript"> </DIV>" + 
"<DIV ID='idMSMenuCurve' STYLE='position:absolute;top:0;left:250;height:20;width:18;overflow:hidden;vertical-align:top;'><IMG SRC='/library/toolbar/images/curve.gif' BORDER=0></DIV>" + 
"<DIV ID='idMSMenuPane' STYLE='position:absolute;top:0;left:250;height:20;width:10;background-color:black;float:right;' NOWRAP></DIV>" + 
"</DIV>" + 
"<DIV ID='idRow2' STYLE='position:relative;left:250;height:40;'>" + 
"<DIV ID='idADSBanner' STYLE='position:absolute;top:0;left:0;height:40;width:200;vertical-align:top;overflow:hidden;'></DIV>" + 
"<DIV ID='idMSCBanner' STYLE='position:absolute;top:0;left:200;height:40;width:112;vertical-align:top;overflow:hidden;' ALIGN=RIGHT></DIV>" + 
"</DIV>" + 
"<DIV ID='idRow3' STYLE='position:relative;height:20;width:100%'>" + 
"<DIV ID='idICPMenuPane' STYLE='position:absolute;top:0;left:0;height:20;background-color:black;' NOWRAP></DIV>" + 
"</DIV>" + 
"</DIV>" + 
"<SCRIPT TYPE='text/javascript'>" + 
" var ToolbarMenu = StartMenu;" + 
"</SCRIPT>" + 
"<DIV WIDTH=100%>"; 
 
// Define event handlers 
window.onresize = resizeToolbar; 
 
// Intialize global variables 
ToolbarBGColor = "white"; // toolbar background color 
MSFont = "xx-small Verdana"; 
ICPFont = "bold xx-small Verdana"; 
 
aDefMSColor[0] = aCurMSColor[0] = "black"; // bgcolor; 
aDefMSColor[1] = aCurMSColor[1] = "white"; // text font color 
aDefMSColor[2] = aCurMSColor[2] = "red"; // mouseover font color 
 
aDefICPColor[0] = aCurICPColor[0] = "#6699CC"; // bgcolor; 
aDefICPColor[1] = aCurICPColor[1] = "white"; // text font color 
aDefICPColor[2] = aCurICPColor[2] = "red"; // mouseover font color 
} 
 
// The hard-coded numbers in functions - drawToolbar() & resizeToolbar() 
// correspond to the dimension of the four gif files: 
// ICP_BANNER: 60h x 250w 
// ADS_BANNER: 40h x 200w 
// MSC_BANNER: 40h x 112w 
// Curve: 20h x 18w 
 
function drawToolbar() 
{ 
HTMLStr += "</DIV>"; 
document.write(HTMLStr); 
ToolbarLoaded = true; 
 
MSMenuWidth = Math.max(idMSMenuPane.offsetWidth, (200+112)); 
ToolbarMinWidth = (250+18) + MSMenuWidth; 
 
idToolbar.style.backgroundColor = ToolbarBGColor; 
idMSMenuPane.style.backgroundColor = aDefMSColor[0]; 
idICPMenuPane.style.backgroundColor = aDefICPColor[0]; 
resizeToolbar(); 
 
for (i = 0; i < TotalMenu; i++) 
{ 
thisMenu = document.all(arrMenuInfo.IDStr); 
if (thisMenu != null) 
{ 
if (arrMenuInfo.IDStr == LastMSMenu && arrMenuInfo.type == "R") 
{ 
//Last MSMenu has to be absolute width 
arrMenuInfo.type = "A"; 
arrMenuInfo.unit = 200; 
} 
if (arrMenuInfo.type == "A") 
thisMenu.style.width = arrMenuInfo.unit; 
else 
thisMenu.style.width = Math.round(arrMenuInfo.width * arrMenuInfo.unit) + 'em'; 
} 
} 
} 
 
function resizeToolbar() 
{ 
if (ToolBar_Supported == false) return; 
 
w = Math.max(ToolbarMinWidth, document.body.clientWidth) - ToolbarMinWidth; 
 
idMSMenuCurve.style.left = (250+w); 
idMSMenuPane.style.left = (250+w+18); 
idMSMenuPane.style.width = MSMenuWidth; 
 
idADSBanner.style.left = (w+18); 
 
idMSCBanner.style.left = (w+18+200); 
idMSCBanner.style.width = (MSMenuWidth - 200); 
 
idICPMenuPane.style.width = ToolbarMinWidth + w; 
} 
 
function setToolbarBGColor(color) 
{ 
ToolbarBGColor = color; 
if (ToolbarLoaded == true) 
idToolbar.style.backgroundColor = ToolbarBGColor; 
} 
 
function setMSMenuFont(sFont) 
{ MSFont = sFont; 
} 
 
function setICPMenuFont(sFont) 
{ ICPFont = sFont; 
} 
 
function setDefaultMSMenuColor(bgColor, fontColor, mouseoverColor) 
{ 
if (bgColor != "") aDefMSColor[0] = bgColor; 
if (fontColor != "") aDefMSColor[1] = fontColor; 
if (mouseoverColor != "") aDefMSColor[2] = mouseoverColor; 
} 
 
function setDefaultICPMenuColor(bgColor, fontColor, mouseoverColor) 
{ 
if (bgColor != "") aDefICPColor[0] = bgColor; 
if (fontColor != "") aDefICPColor[1] = fontColor; 
if (mouseoverColor != "") aDefICPColor[2] = mouseoverColor; 
} 
 
function setICPMenuColor(MenuIDStr, bgColor, fontColor, mouseoverColor) 
{ 
if (ToolbarLoaded == false) return; 
 
// Reset previous ICP Menu color if any 
if (CurICPMenu != "") 
{ 
PrevID = CurICPMenu.substring(4); 
CurICPMenu = ""; 
setICPMenuColor(PrevID, aDefICPColor[0], aDefICPColor[1], aDefICPColor[2]); 
} 
 
var id = "AM_" + "ICP_" + MenuIDStr; 
var thisMenu = document.all(id); 
if (thisMenu != null) 
{ 
CurICPMenu = "ICP_" + MenuIDStr; 
aCurICPColor[0] = bgColor; 
aCurICPColor[1] = fontColor; 
aCurICPColor[2] = mouseoverColor; 
 
// Change menu color 
if (bgColor != "") 
thisMenu.style.backgroundColor = bgColor; 
if (fontColor != "") 
thisMenu.style.color = fontColor; 
 
// Change subMenu color 
id = "ICP_" + MenuIDStr; 
thisMenu = document.all(id); 
if (thisMenu != null) 
{ 
if (bgColor != "") 
thisMenu.style.backgroundColor = bgColor; 
 
if (fontColor != "") 
{ 
i = 0; 
id = "AS_" + "ICP_" + MenuIDStr; 
thisMenu = document.all.item(id,i); 
while (thisMenu != null) 
{ 
thisMenu.style.color = fontColor; 
i += 1; 
thisMenu = document.all.item(id,i); 
} 
} 
} 
} 
} 
 
function setAds(Gif,Url,AltStr) 
{ setBanner(Gif,Url,AltStr,"",""); 
} 
 
function setICPBanner(Gif,Url,AltStr) 
{ setBanner(Gif,Url,AltStr,"",""); 
} 
 
function setMSBanner(Gif,Url,AltStr) 
{ tempGif = "/library/toolbar/images/" + Gif; 
setBanner(tempGif,Url,AltStr,"",""); 
} 
 
function setBanner(BanGif, BanUrl, BanAltStr, BanBegTag, BanEndTag) 
{ 
begPos = HTMLStr.indexOf(BanBegTag); 
endPos = HTMLStr.indexOf(BanEndTag) + BanEndTag.length; 
 
SubStr = HTMLStr.substring(begPos, endPos); 
SrcStr = ""; 
if (BanUrl != "") 
SrcStr += "<A Target='_top' HREF='" + formatURL(BanUrl, BanGif) + "'>"; 
SrcStr += "<IMG SRC='" + BanGif + "' ALT='" + BanAltStr + "' BORDER=0>"; 
if (BanUrl != "") 
SrcStr += "</A>"; 
SrcStr = BanBegTag + SrcStr + BanEndTag; 
HTMLStr = HTMLStr.replace(SubStr, SrcStr); 
} 
 
function setICPSubMenuWidth(MenuIDStr, WidthType, WidthUnit) 
{ tempID = "ICP_" + MenuIDStr; 
setSubMenuWidth(tempID, WidthType, WidthUnit); 
} 
 
function setMSSubMenuWidth(MenuIDStr, WidthType, WidthUnit) 
{ tempID = "MS_" + MenuIDStr; 
setSubMenuWidth(tempID, WidthType, WidthUnit); 
} 
 
function setSubMenuWidth(MenuIDStr, WidthType, WidthUnit) 
{ 
var fFound = false; 
if (TotalMenu == MaxMenu) 
{ 
alert("Unable to process menu. Maximum of " + MaxMenu + " reached."); 
return; 
} 
 
for (i = 0; i < TotalMenu; i++) 
if (arrMenuInfo.IDStr == MenuIDStr) 
{ 
fFound = true; 
break; 
} 
 
if (!fFound) 
{ 
arrMenuInfo = new menuInfo(MenuIDStr); 
TotalMenu += 1; 
} 
 
if (!fFound && WidthType.toUpperCase().indexOf("DEFAULT") != -1) 
{ 
arrMenuInfo.type = "A"; 
arrMenuInfo.unit = 160; 
} 
else 
{ 
arrMenuInfo.type = (WidthType.toUpperCase().indexOf("ABSOLUTE") != -1)? "A" : "R"; 
arrMenuInfo.unit = WidthUnit; 
} 
} 
 
// This function creates a menuInfo object instance. 
function menuInfo(MenuIDStr) 
{ 
this.IDStr = MenuIDStr; 
this.type = ""; 
this.unit = 0; 
this.width = 0; 
this.count = 0; 
} 
 
function updateSubMenuWidth(MenuIDStr) 
{ 
for (i = 0; i < TotalMenu; i++) 
if (arrMenuInfo.IDStr == MenuIDStr) 
{ 
if (arrMenuInfo.width < MenuIDStr.length) 
arrMenuInfo.width = MenuIDStr.length; 
arrMenuInfo.count = arrMenuInfo.count + 1; 
break; 
} 
} 
 
function addICPMenu(MenuIDStr, MenuDisplayStr, MenuHelpStr, MenuURLStr) 
{ 
if (addICPMenu.arguments.length > 4) 
TargetStr = addICPMenu.arguments[4]; 
else 
TargetStr = "_top"; 
tempID = "ICP_" + MenuIDStr; 
addMenu(tempID, MenuDisplayStr, MenuHelpStr, MenuURLStr, TargetStr, true); 
} 
 
function addMSMenu(MenuIDStr, MenuDisplayStr, MenuHelpStr, MenuURLStr) 
{ 
TargetStr = "_top"; 
tempID = "MS_" + MenuIDStr; 
addMenu(tempID, MenuDisplayStr, MenuHelpStr, MenuURLStr, TargetStr, false); 
LastMSMenu = tempID; 
} 
 
function addMenu(MenuIDStr, MenuDisplayStr, MenuHelpStr, MenuURLStr, TargetStr, bICPMenu) 
{ 
cFont = bICPMenu? ICPFont : MSFont; 
cColor0 = bICPMenu? aDefICPColor[0] : aDefMSColor[0]; 
cColor1 = bICPMenu? aDefICPColor[1] : aDefMSColor[1]; 
cColor2 = bICPMenu? aDefICPColor[2] : aDefMSColor[2]; 
tagStr = bICPMenu? "" : ""; 
 
MenuStr = newLineChar; 
if (bICPMenu == false && LastMSMenu != "") 
MenuStr += "¦ "; 
MenuStr += "<A TARGET='" + TargetStr + "' TITLE='" + MenuHelpStr + "'" + 
" ID='AM_" + MenuIDStr + "'" + 
" STYLE='text-decoration:none;cursor:hand;font:" + cFont + ";background-color:" + cColor0 + ";color:" + cColor1 + ";'"; 
if (MenuURLStr != "") 
{ 
if (bICPMenu) 
MenuStr += " HREF='" + formatURL(MenuURLStr, ("ICP_" + MenuDisplayStr)) + "'"; 
else 
MenuStr += " HREF='" + formatURL(MenuURLStr, ("MS_" + MenuDisplayStr)) + "'"; 
} 
else 
MenuStr += " HREF='' onclick='window.event.returnValue=false;'"; 
MenuStr += " onmouseout=" + char34 + "mouseMenu('out' ,'" + MenuIDStr + "'); hideMenu();" + char34 + 
" onmouseover=" + char34 + "mouseMenu('over','" + MenuIDStr + "'); doMenu('"+ MenuIDStr + "');" + char34 + ">" + 
" " + MenuDisplayStr + " </a>"; 
if (bICPMenu) 
MenuStr += " ¦"; 
MenuStr += tagStr; 
 
HTMLStr = HTMLStr.replace(tagStr, MenuStr); 
setSubMenuWidth(MenuIDStr,"default",0); 
} 
 
function addICPSubMenu(MenuIDStr, SubMenuStr, SubMenuURLStr) 
{ 
if (addICPSubMenu.arguments.length > 3) 
TargetStr = addICPSubMenu.arguments[3]; 
else 
TargetStr = "_top"; 
tempID = "ICP_" + MenuIDStr; 
addSubMenu(tempID,SubMenuStr,SubMenuURLStr,TargetStr,true); 
} 
 
function addMSSubMenu(MenuIDStr, SubMenuStr, SubMenuURLStr) 
{ 
TargetStr = "_top"; 
tempID = "MS_" + MenuIDStr; 
addSubMenu(tempID,SubMenuStr,SubMenuURLStr,TargetStr,false); 
} 
 
function addSubMenu(MenuIDStr, SubMenuStr, SubMenuURLStr, TargetStr, bICPMenu) 
{ 
cFont = bICPMenu? ICPFont : MSFont; 
cColor0 = bICPMenu? aDefICPColor[0] : aDefMSColor[0]; 
cColor1 = bICPMenu? aDefICPColor[1] : aDefMSColor[1]; 
cColor2 = bICPMenu? aDefICPColor[2] : aDefMSColor[2]; 
 
var MenuPos = MenuIDStr.toUpperCase().indexOf("MENU"); 
if (MenuPos == -1) { MenuPos = MenuIDStr.length; } 
InstrumentStr = MenuIDStr.substring(0 , MenuPos) + "¦" + SubMenuStr;; 
URLStr = formatURL(SubMenuURLStr, InstrumentStr); 
 
var LookUpTag = ""; 
var sPos = HTMLStr.indexOf(LookUpTag); 
if (sPos <= 0) 
{ 
HTMLStr += newLineChar + newLineChar + 
"
" STYLE='display:none;position:absolute;width:160;background-color:" + cColor0 + ";padding-top:0;padding-left:0;padding-bottom:20;z-index:9;'" + 
" onmouseout='hideMenu();'>"; 
if (Frame_Supported == false ¦¦ bICPMenu == false) 
HTMLStr += "<HR STYLE='position:absolute;left:0;top:0;color:" + cColor1 + "' SIZE=1>"; 
HTMLStr += "<DIV STYLE='position:relative;left:0;top:8;'>"; 
} 
 
TempStr = newLineChar + 
"<A ID='AS_" + MenuIDStr + "'" + 
" STYLE='text-decoration:none;cursor:hand;font:" + cFont + ";color:" + cColor1 + "'" + 
" HREF='" + URLStr + "' TARGET='" + TargetStr + "'" + 
" onmouseout=" + char34 + "mouseMenu('out' ,'" + MenuIDStr + "');" + char34 + 
" onmouseover=" + char34 + "mouseMenu('over','" + MenuIDStr + "');" + char34 + ">" + 
" " + SubMenuStr + "</A> " + LookUpTag; 
if (sPos <= 0) 
HTMLStr += TempStr + "</DIV>"; 
else 
HTMLStr = HTMLStr.replace(LookUpTag, TempStr); 
 
updateSubMenuWidth(MenuIDStr); 
} 
 
function addICPSubMenuLine(MenuIDStr) 
{ 
tempID = "ICP_" + MenuIDStr; 
addSubMenuLine(tempID,true); 
} 
 
function addMSSubMenuLine(MenuIDStr) 
{ 
tempID = "MS_" + MenuIDStr; 
addSubMenuLine(tempID,false); 
} 
 
function addSubMenuLine(MenuIDStr, bICPMenu) 
{ 
var LookUpTag = ""; 
var sPos = HTMLStr.indexOf(LookUpTag); 
if (sPos > 0) 
{ 
cColor = bICPMenu? aDefICPColor[1] : aDefMSColor[1]; 
TempStr = newLineChar + "<HR STYLE='color:" + cColor + "' SIZE=1>" + LookUpTag; 
HTMLStr = HTMLStr.replace(LookUpTag, TempStr); 
} 
} 
 
function mouseMenu(id, MenuIDStr) 
{ 
IsMSMenu = (MenuIDStr.toUpperCase().indexOf("MS_") != -1); 
IsMouseout = (id.toUpperCase().indexOf("OUT") != -1); 
 
if (IsMouseout) 
{ 
color = IsMSMenu? aDefMSColor[1] : aDefICPColor[1]; 
if (MenuIDStr == CurICPMenu && aCurICPColor[1] != "") 
color = aCurICPColor[1]; 
} 
else 
{ 
color = IsMSMenu? aDefMSColor[2] : aDefICPColor[2]; 
if (MenuIDStr == CurICPMenu && aCurICPColor[2] != "") 
color = aCurICPColor[2]; 
} 
window.event.srcElement.style.color = color; 
} 
 
function doMenu(MenuIDStr) 
{ 
var thisMenu = document.all(MenuIDStr); 
if (ToolbarMenu == null ¦¦ thisMenu == null ¦¦ thisMenu == ToolbarMenu) 
{ 
window.event.cancelBubble = true; 
return false; 
} 
// Reset dropdown menu 
window.event.cancelBubble = true; 
ToolbarMenu.style.display = "none"; 
showElement("SELECT"); 
showElement("OBJECT"); 
ToolbarMenu = thisMenu; 
IsMSMenu = (MenuIDStr.toUpperCase().indexOf("MS_") != -1); 
 
// Set dropdown menu display position 
x = window.event.srcElement.offsetLeft + 
window.event.srcElement.offsetParent.offsetLeft; 
if (MenuIDStr == LastMSMenu) 
x += (window.event.srcElement.offsetWidth - thisMenu.style.posWidth); 
x2 = x + window.event.srcElement.offsetWidth; 
y = (IsMSMenu)? 
(idRow1.offsetHeight) : 
(idRow1.offsetHeight + idRow2.offsetHeight + idRow3.offsetHeight); 
thisMenu.style.top = y; 
thisMenu.style.left = x; 
thisMenu.style.clip = "rect(0 0 0 0)"; 
thisMenu.style.display = "block"; 
 
// delay 2 millsecond to allow the value of ToolbarMenu.offsetHeight be set 
window.setTimeout("showMenu()", 2); 
return true; 
} 
 
function showMenu() 
{ 
if (ToolbarMenu != null) 
{ 
IsMenuDropDown = (Frame_Supported && IsMSMenu == false)? false : true; 
if (IsMenuDropDown == false) 
{ 
y = (y - ToolbarMenu.offsetHeight - idRow3.offsetHeight); 
if (y < 0) y = 0; 
ToolbarMenu.style.top = y; 
} 
y2 = y + ToolbarMenu.offsetHeight; 
 
ToolbarMenu.style.clip = "rect(auto auto auto auto)"; 
hideElement("SELECT"); 
hideElement("OBJECT"); 
} 
} 
 
function hideMenu() 
{ 
if (ToolbarMenu != null && ToolbarMenu != StartMenu) 
{ 
// Don't hide the menu if the mouse move between the menu and submenus 
cY = event.clientY + document.body.scrollTop; 
if ( (event.clientX >= (x+5) && event.clientX <= x2) && 
((IsMenuDropDown == true && cY > (y-10) && cY <= y2) ¦¦ 
(IsMenuDropDown == false && cY >= y && cY <= (y2+10)) )) 
{ 
window.event.cancelBubble = true; 
return; 
} 
 
ToolbarMenu.style.display = "none"; 
ToolbarMenu = StartMenu; 
window.event.cancelBubble = true; 
 
showElement("SELECT"); 
showElement("OBJECT"); 
} 
} 
 
function hideElement(elmID) 
{ 
for (i = 0; i < document.all.tags(elmID).length; i++) 
{ 
obj = document.all.tags(elmID); 
if (! obj ¦¦ ! obj.offsetParent) 
continue; 
 
// Find the element's offsetTop and offsetLeft relative to the BODY tag. 
objLeft = obj.offsetLeft; 
objTop = obj.offsetTop; 
objParent = obj.offsetParent; 
while (objParent.tagName.toUpperCase() != "BODY") 
{ 
objLeft += objParent.offsetLeft; 
objTop += objParent.offsetTop; 
objParent = objParent.offsetParent; 
} 
// Adjust the element's offsetTop relative to the dropdown menu 
objTop = objTop - y; 
 
if (x > (objLeft + obj.offsetWidth) ¦¦ objLeft > (x + ToolbarMenu.offsetWidth)) 
; 
else if (objTop > ToolbarMenu.offsetHeight) 
; 
else if (IsMSMenu && (y + ToolbarMenu.offsetHeight) <= 80) 
; 
else 
obj.style.visibility = "hidden"; 
} 
} 
 
function showElement(elmID) 
{ 
for (i = 0; i < document.all.tags(elmID).length; i++) 
{ 
obj = document.all.tags(elmID); 
if (! obj ¦¦ ! obj.offsetParent) 
continue; 
obj.style.visibility = ""; 
} 
} 
 
function formatURL(URLStr, InstrumentStr) 
{ 
var tempStr = URLStr; 
 
if (DoInstrumentation && URLStr != "" ) 
{ 
var ParamPos1 = URLStr.indexOf("?"); 
var ParamPos2 = URLStr.lastIndexOf("?"); 
var ParamPos3 = URLStr.toLowerCase().indexOf("target="); 
var ParamPos4 = URLStr.indexOf("#"); 
var Bookmark = ""; 
var URL = URLStr; 
if (ParamPos4 >= 0) 
{ 
URL = URLStr.substr(0, ParamPos4); 
Bookmark = URLStr.substr(ParamPos4); 
} 
 
if (ParamPos1 == -1) 
tempStr = "?MSCOMTB="; 
else if (ParamPos1 == ParamPos2 && ParamPos3 == -1) 
tempStr = "&MSCOMTB="; 
else if (ParamPos1 == ParamPos2 && ParamPos3 != -1) 
tempStr = "?MSCOMTB="; 
else if (ParamPos1 < ParamPos2) 
tempStr = "&MSCOMTB="; 
 
tempStr = URL + tempStr + InstrumentStr.replace(" ","%20") + Bookmark; 
} 
return tempStr; 
} //--> 
</script> 
 
<script language="JavaScript">  
</script>

robherc · Jun 13, 1999

http://events.microsoft.com/isapi/events/default.asp");

addICPSubMenu("EventsMenu","Events","

http://events.microsoft.com/isapi/events/default.asp");

addICPSubMenu("EventsMenu","Microsoft Press ","

http://mspress.microsoft.com/");

addICPSubMenu("EventsMenu","Online Seminars","/isapi/gomscom.asp?target=/seminar/1033/"); 
addICPSubMenu("EventsMenu","Training & Certification","/isapi/gomscom.asp?target=/train_cert/"); 
 
 
//Subscribe 
addICPMenu("SubscribeMenu", "Subscribe", "","/isapi/goregwiz.asp?target=/REGWIZ/forms/Pic.asp"); 
addICPSubMenu("SubscribeMenu","Newsletters","/isapi/goregwiz.asp?target=/REGWIZ/forms/subscribe.asp"); 
addICPSubMenu("SubscribeMenu","Manage Your Profile","/isapi/goregwiz.asp?target=/REGWIZ/forms/Pic.asp"); 
addICPSubMenu("SubscribeMenu","Privacy, Security & Safety","/isapi/gomscom.asp?target=/info/privacy_security.htm"); 
 
//About Microsoft 
addICPMenu("MicrosoftMenu", "About Microsoft", "","/isapi/gomscom.asp?target=/mscorp/"); 
addICPSubMenu("MicrosoftMenu","Company Overview","/isapi/gomscom.asp?target=/mscorp/"); 
addICPSubMenu("MicrosoftMenu","Jobs","/isapi/gomscom.asp?target=/jobs/"); 
addICPSubMenu("MicrosoftMenu","Piracy","/isapi/gomscom.asp?target=/piracy/"); 
addICPSubMenu("MicrosoftMenu","Press News","/isapi/gomscom.asp?target=/presspass/"); 
addICPSubMenu("MicrosoftMenu","Investor Relations","/isapi/gomscom.asp?target=/msft/"); 
 
//International 
addICPMenu("InternationalMenu", "U.S. & International", "","/isapi/gomscom.asp?target=/worldwide/"); 
addICPSubMenu("InternationalMenu","Int'l Web Sites & Offices","/isapi/gomscom.asp?target=/worldwide/"); 
addICPSubMenu("InternationalMenu","U.S. Web Sites & Offices","/isapi/gomscom.asp?target=/usa/"); 
 
//About Our Site 
addICPMenu("SiteMenu", "About Our Site", "","/isapi/gomscom.asp?target=/backstage/"); 
addICPSubMenu("SiteMenu","Inside Our Site","/isapi/gomscom.asp?target=/backstage/"); 
//addICPSubMenu("SiteMenu","Visitor Guide","/isapi/gomscom.asp?target=/misc/visitorguide_IE4.htm"); 
} //--> 
</script> 
 
<DIV ID="DownLevelDiv"> 
This page must be viewed with IE4 or above, and with Active Scripting enabled. 
</DIV> 
 
<script language="JavaScript"> 
DownLevelDiv.style.display ='none'; 
setICPBanner("/library/homepage/images/bnr_all.gif","","microsoft.com Home"); 
drawToolbar(); 
</script> 
 
<script language="JavaScript"> 
 " + 
"  " + 
" " + 
"</TD>" + 
"<TD WIDTH=436 VALIGN=TOP>" + 
" <TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0>"+ 
" <TR>" + 
" <TD WIDTH=117 VALIGN=TOP></TD>" + 
" <TD WIDTH=10><IMG SRC='/library/homepage/images/1ptrans.gif' WIDTH=10></TD>" + 
" <TD WIDTH=309 VALIGN=TOP></TD>" + 
" </TR>" + 
" </TABLE>"+ 
" <TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0>"+ 
" <TR><TD COLSPAN=5><HR SIZE=1 WIDTH=100% COLOR='#CCCCCC'></TD></TR>" + 
" <TR><TD COLSPAN=5></TD></TR>" + 
" <TR>" + 
" <TD WIDTH=10 VALIGN=TOP></TD>" + 
" <TD WIDTH=198 VALIGN=TOP></TD>" + 
" <TD WIDTH=20><IMG SRC='/library/homepage/images/1ptrans.gif' WIDTH=20 HEIGHT=1></TD>" + 
" <TD WIDTH=10 VALIGN=TOP></TD>" + 
" <TD WIDTH=198 VALIGN=TOP></TD>" + 
" </TR>" + 
" <TR>" + 
" <TD WIDTH=10 VALIGN=TOP></TD>" + 
" <TD WIDTH=198 VALIGN=TOP></TD>" + 
" <TD WIDTH=20><IMG SRC='/library/homepage/images/1ptrans.gif' WIDTH=20 HEIGHT=1></TD>" + 
" <TD WIDTH=10 VALIGN=TOP></TD>" + 
" <TD WIDTH=198 VALIGN=TOP></TD>" + 
" </TR>" + 
" <TR>" + 
" <TD WIDTH=10 VALIGN=TOP></TD>" + 
" <TD WIDTH=198 VALIGN=TOP></TD>" + 
" <TD WIDTH=20><IMG SRC='/library/homepage/images/1ptrans.gif' WIDTH=20 HEIGHT=1></TD>" + 
" <TD WIDTH=10 VALIGN=TOP></TD>" + 
" <TD WIDTH=198 VALIGN=TOP></TD>" + 
" </TR>" + 
" <TR><TD COLSPAN=5><HR SIZE=1 WIDTH=100% COLOR='#CCCCCC'></TD></TR>" + 
" </TABLE>"+ 
" <TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0>"+ 
" <TR>" + 
" <TD WIDTH=208 ROWSPAN=2 VALIGN=TOP></TD>" + 
" <TD WIDTH=20 ROWSPAN=2><IMG SRC='/library/homepage/images/1ptrans.gif' WIDTH=20 HEIGHT=1></TD>" + 
" <TD WIDTH=208 VALIGN=TOP><DIV STYLE='font-size:9px; font-family:verdana,arial,helvetica'></DIV></TD>" + 
" </TR>" + 
" <TR><TD WIDTH=208 VALIGN=TOP><DIV STYLE='font-size:9px; font-family:verdana,arial,helvetica'></DIV></TD></TR>" + 
" <TR><TD COLSPAN=3><HR SIZE=1 WIDTH=100% COLOR='#CCCCCC'></TD></TR>" + 
" <TR><TD COLSPAN=3 VALIGN=TOP> </TD></TR>" + 
" </TABLE>"; 
" </TD>" + 
"</TR>" + 
"</TABLE>"; 
} 
 
function showHomePage(PageIDStr) 
{ 
buildNavigation(PageIDStr); 
buildHeadline(PageIDStr); 
 
//alert(hpStr); 
document.write(hpStr); 
} 
 
function setHomePageLinkTitle(TitleStr) 
{ 
SubStr = ""; 
if (hpStr.indexOf(SubStr) >= 0) 
{ 
hpLinkWidth = TitleStr.length; 
SrcStr = TitleStr + " " + 
"<SELECT NAME='target' onChange='goHomePage(this);'>" + 
"" + 
"</SELECT>"; 
hpStr = hpStr.replace(SubStr, SrcStr); 
} 
} 
 
function addHomePageLink(LinkStr, LinkUrl, defaultSelection) 
{ 
SubStr = ""; 
if (hpStr.indexOf(SubStr) >= 0) 
{ 
hpLinkCnt += 1; 
SrcStr = "<OPTION VALUE='" + hpLinkCnt + "'"; 
if (defaultSelection) SrcStr += " SELECTED"; 
SrcStr += ">" + LinkStr; 
 
//Make the select box the same width as the link title. 
for (i = LinkStr.length+1; i < hpLinkWidth+2; i++) 
SrcStr += " "; 
 
SrcStr += SubStr; 
hpStr = hpStr.replace(SubStr, SrcStr); 
 
hpStr += "<A ID=ID_HPLink" + hpLinkCnt + " STYLE='display:none' HREF='" + LinkUrl + "'>1</A>"; 
} 
} 
 
function addCategory(CatIDStr, CatStr, defaultShow) 
{ 
sImg = defaultShow? "minus.gif" : "plus.gif"; 
sStyle = defaultShow? "black" : "none"; 
 
SubStr = ""; 
if (hpStr.indexOf(SubStr) >= 0) 
{ 
SrcStr = "<DIV STYLE='cursor:hand;'" + 
" ID=C_" + CatIDStr + 
" onClick=clickCategory(" + char34 + CatIDStr + char34 + ") NOWRAP>" + 
"<IMG SRC='/library/homepage/images/" + sImg + "' ALT='*'" + 
" ID=I_" + CatIDStr + 
" onClick=clickCategory(" + char34 + CatIDStr + char34 + ") ALIGN=middle BORDER=0> " + 
"<A STYLE='color:black;text-decoration:none;'" + 
" HREF='noop' " + 
" onfocus=" + char34 + "window.status='';" + char34 + 
" onmouseover=" + char34 + "window.status='';" + char34 + 
" onclick=" + char34 + "window.event.returnValue = false;" + char34 + ">" + 
"" + CatStr + "</A> " + 
"<DIV STYLE='display:" + sStyle + ";'" + 
" ID=T_" + CatIDStr + 
" onClick=" + char34 + "window.event.cancelBubble=true;" + char34 + ">" + 
"<DIV STYLE='margin-left:12;'>" + "</DIV>" + 
"</DIV></DIV>" + SubStr; 
hpStr = hpStr.replace(SubStr, SrcStr); 
} 
} 
 
function addCategoryLink(CatIDStr, CatStr, LinkUrl) 
{ 
SubStr = ""; 
if (hpStr.indexOf(SubStr) >= 0) 
{ 
SrcStr = "<A HREF='" + LinkUrl + "'>" + CatStr + "</A> " + SubStr; 
hpStr = hpStr.replace(SubStr, SrcStr); 
} 
} 
 
function setTopLinkTitle(TitleStr) 
{ 
SubStr = ""; 
if (hpStr.indexOf(SubStr) >= 0) 
{ 
SrcStr = "" + TitleStr + " <DIV STYLE='margin-left:12;'></DIV>"; 
hpStr = hpStr.replace(SubStr, SrcStr); 
} 
} 
 
function addTopLink(LinkStr, LinkUrl) 
{ 
SubStr = ""; 
if (hpStr.indexOf(SubStr) >= 0) 
{ 
SrcStr = "<A HREF='" + LinkUrl + "'>" + LinkStr + "</A> " + SubStr; 
hpStr = hpStr.replace(SubStr, SrcStr); 
} 
} 
 
function addStandardLink(TextStr, LinkStr, LinkUrl) 
{ 
SubStr = ""; 
if (hpStr.indexOf(SubStr) >= 0) 
{ 
SrcStr = TextStr; 
if (LinkStr != "") 
{ 
x = TextStr.indexOf(LinkStr); 
if (x >= 0) 
{ 
SrcStr = TextStr.substring(0, x); 
SrcStr += "<A HREF='" + LinkUrl + "'>" + LinkStr + "</A>"; 
 
x += LinkStr.length; 
SrcStr += TextStr.substring(x); 
} 
} 
SrcStr += " " + SubStr; 
hpStr = hpStr.replace(SubStr, SrcStr); 
} 
} 
 
function addCopyRightMsg(MsgStr, MsgUrl) 
{ 
SubStr = ""; 
SrcStr = ""; 
if (FirstCRMsg) 
{ 
SrcStr = "©"; 
FirstCRMsg = false; 
} 
if (MsgUrl == "") 
SrcStr += MsgStr; 
else 
SrcStr += "<A HREF='" + MsgUrl + "'>" + MsgStr + "</A>"; 
SrcStr += SubStr; 
hpStr = hpStr.replace(SubStr, SrcStr); 
} 
 
function setTopStory(HeadlineStr, StoreStr, LinkUrl, Gif, GifAltStr) 
{ 
SrcStr = "<A HREF='" + LinkUrl + "'><IMG SRC='" + Gif + "' ALIGN=LEFT WIDTH=117 HEIGHT=85 ALT=" + char34 + GifAltStr + char34 + " BORDER=0></A>"; 
hpStr = hpStr.replace("", SrcStr); 
 
SrcStr = "<A HREF='" + LinkUrl + "'>" + HeadlineStr + "</A> " + StoreStr; 
hpStr = hpStr.replace("", SrcStr); 
} 
 
function setHeadlineTitle(TitleStr) 
{ 
SubStr = ""; 
if (hpStr.indexOf(SubStr) >= 0) 
{ 
SrcStr = "" + TitleStr + " "; 
hpStr = hpStr.replace(SubStr, SrcStr); 
} 
} 
 
function setHeadline(placementNo, HeadlineStr, LinkUrl) 
{ 
if (placementNo < 1 ¦¦ placementNo > 6) return 
 
SubStr = ""; 
SrcStr = "<IMG SRC='/library/homepage/images/bluebullet.gif' ALT='*' WIDTH=7 HEIGHT=10>"; 
hpStr = hpStr.replace(SubStr, SrcStr); 
 
SubStr = ""; 
SrcStr = "<A HREF='" + LinkUrl + "'>" + HeadlineStr + "</A>"; 
hpStr = hpStr.replace(SubStr, SrcStr); 
} 
 
function setPromotion(placementNo, HeadlineStr, StoreStr, LinkUrl, Gif, GifAltStr) 
{ 
if (placementNo < 1 ¦¦ placementNo > 2) return 
 
SubStr = ""; 
SrcStr = "<A HREF='" + LinkUrl + "'><IMG SRC='" + Gif + "' ALIGN=LEFT ALT=" + char34 + GifAltStr + char34 + " BORDER=0></A>"; 
hpStr = hpStr.replace(SubStr, SrcStr); 
 
SubStr = ""; 
SrcStr = ""; 
if (HeadlineStr != "") SrcStr += "<A HREF='" + LinkUrl + "'>" + HeadlineStr + "</A> "; 
if (StoreStr != "") SrcStr += StoreStr; 
hpStr = hpStr.replace(SubStr, SrcStr); 
} 
 
function setLastUpdate(TextStr) 
{ 
hpStr = hpStr.replace("", TextStr); 
} 
 
function goHomePage(s) 
{ 
//window.location.href = s.options[s.selectedIndex].value; 
 
option = s.options[s.selectedIndex].value; 
elmID = "ID_HPLink" + option 
obj = document.all(elmID); 
if (obj != null) 
obj.click(); 
} 
 
function clickCategory(CatIDStr) 
{ 
var txtObj = document.all("T_" + CatIDStr); 
var imgObj = document.all("I_" + CatIDStr); 
 
if (txtObj.style.display == 'none') 
{ 
txtObj.style.display = ''; 
imgObj.src = '/library/homepage/images/minus.gif'; 
} 
else 
{ 
txtObj.style.display = 'none'; 
imgObj.src = '/library/homepage/images/plus.gif'; 
} 
window.event.cancelBubble=true; 
} //--> 
</script> 
 
<script language="JavaScript"> 
<!--; 
function buildNavigation(PageIDStr) 
{ 
var ID = PageIDStr.toUpperCase(); 
 
// News Heading 
if (ID == "BUSINESS") 
setHeadlineTitle("News for the Business User"); 
else if (ID == "DEVELOPER") 
setHeadlineTitle("News for the Developer"); 
else if (ID == "EDUCATION") 
setHeadlineTitle("News for the Educator"); 
else if (ID == "IT") 
setHeadlineTitle("News for the IT Professional"); 
else if (ID == "PERSONAL") 
setHeadlineTitle("News for the Home User"); 
 
// Homepage links 
setHomePageLinkTitle("See page customized for:"); 
addHomePageLink("All", "/ms.htm", (ID=="ALL"? true : false)); 
addHomePageLink("Business", "/hpbiz.htm", (ID=="BUSINESS"? true : false)); 
addHomePageLink("Developer", "/hpdev.htm", (ID=="DEVELOPER"? true : false)); 
addHomePageLink("Education", "/hpedu.htm", (ID=="EDUCATION"? true : false)); 
addHomePageLink("IT Professional", "/hpitpro.htm", (ID=="IT"? true : false)); 
addHomePageLink("Home User", "/hppers.htm", (ID=="PERSONAL"? true : false)); 
 
// Category links 
if (ID == "ALL" ¦¦ 
ID == "BUSINESS" ¦¦ 
ID == "DEVELOPER" ¦¦ 
ID == "EDUCATION" ¦¦ 
ID == "IT" ¦¦ 
ID == "PERSONAL") 
{ 
addCategory("Product", "Product Families", false); 
addCategoryLink("Product", "BackOffice", "/backoffice/"); 
addCategoryLink("Product", "Developer Tools", "

http://msdn.microsoft.com/vstudio/");

addCategoryLink("Product", "MSN", "

http://home.microsoft.com/");

addCategoryLink("Product", "Office", "/office/"); 
addCategoryLink("Product", "Windows", "/windows/"); 
} 
if (ID == "ALL" ¦¦ 
ID == "BUSINESS" ¦¦ 
ID == "IT") 
{ 
addCategory("Business", "Business Customers", (ID!="ALL"? true : false)); 
addCategoryLink("Business", "Digital Nervous System", "/digital_nervous_system/"); 
addCategoryLink("Business", "Enterprise Customers", "/enterprise/"); 
addCategoryLink("Business", "Industry Solutions", "/industry/"); 
addCategoryLink("Business", "Small Business", "/smallbiz/"); 
} 
if (ID == "ALL" ¦¦ 
ID == "DEVELOPER") 
{ 
addCategory("Developer", "Developers",(ID!="ALL"? true : false)); 
addCategoryLink("Developer", "Software Developers", "

http://msdn.microsoft.com/");

addCategoryLink("Developer", "Web Site Builders", "

http://msdn.microsoft.com/");

} 
if (ID == "ALL" ¦¦ 
ID == "EDUCATION") 
{ 
addCategory("Education", "Education", (ID!="ALL"? true : false)); 
addCategoryLink("Education", "Academic Products", "/education/products/"); 
addCategoryLink("Education", "Education Resellers", "/education/partner/"); 
addCategoryLink("Education", "Higher Education", "/education/hed/"); 
addCategoryLink("Education", "K-12 Education", "/education/k12/"); 
} 
if (ID == "ALL" ¦¦ 
ID == "PERSONAL") 
{ 
addCategory("HomeUser", "Home User",(ID!="ALL"? true : false)); 
addCategoryLink("HomeUser", "Games", "/games/"); 
addCategoryLink("HomeUser", "Kids", "/kids/"); 
addCategoryLink("HomeUser", "Product Insider", "/insider/"); 
addCategoryLink("HomeUser", "Seniors", "/seniors/"); 
} 
if (ID == "ALL" ¦¦ 
ID == "IT") 
{ 
addCategory("IT", "IT Professionals",(ID!="ALL"? true : false)); 
addCategoryLink("IT", "Solution Providers", "/mcsp/"); 
addCategoryLink("IT", "Technical Information", "/technet/"); 
addCategoryLink("IT", "Year 2000", "/technet/topics/year2k/"); 
} 
if (ID == "ALL" ¦¦ 
ID == "BUSINESS" ¦¦ 
ID == "DEVELOPER" ¦¦ 
ID == "EDUCATION" ¦¦ 
ID == "PERSONAL" ¦¦ 
ID == "IT") 
{ 
addCategory("Partners", "Partners & Resellers", false); 
addCategoryLink("Partners", "Becoming a Partner", "/directaccess/partnering"); 
addCategoryLink("Partners", "Find a Services Partner", "/isapi/referral/default.asp"); 
addCategoryLink("Partners", "Resellers & Consultants", "/directaccess/"); 
} 
 
// Top links 
if (ID == "BUSINESS") 
{ 
setTopLinkTitle("Top links for Business"); 
addTopLink("Customer Solutions", "/customers/"); 
addTopLink("Internet Explorer 5", "/windows/ie/default.htm"); 
addTopLink("Software Architecture Initiatives","/industry/developers.htm"); 
addTopLink("Office 97 Service Release 2", "

http://officeupdate.microsoft.com/Articles/sr2fact.htm");

addTopLink("Outlook98 Download", "

http://officeupdate.microsoft.com/Articles/outlook98fact.htm");

addTopLink("Office Update", "

http://officeupdate.microsoft.com/");

addTopLink("Solutions Directory", "/industry/directory/"); 
addTopLink("Tech Advisor", "/smallbiz/techadvisor/techadv.htm"); 
addTopLink("TechNet", "/techNet/"); 
addTopLink("WindowsNT Workstation", "/ntworkstation/default.asp"); 
addTopLink("Year 2000 Compliance", "/technet/topics/year2k/"); 
} 
else if (ID == "DEVELOPER") 
{ 
setTopLinkTitle("Top links for Developers"); 
addTopLink("DirectX Download", "/directx/download.asp?RLD=51"); 
addTopLink("ISVs", "/industry/developers.htm"); 
addTopLink("Microsoft Platform SDK", "

http://msdn.microsoft.com/developer/sdk/default.htm");

addTopLink("Microsoft Systems Journal", "/msj/"); 
addTopLink("MSDN Online Library", "

http://msdn.microsoft.com/library/");

addTopLink("MSDN Online Web Workshop", "

http://msdn.microsoft.com/workshop/default.asp");

addTopLink("NT4 Option Pack", "/ntserver/nts/downloads/recommended/nt4optpk/default.asp"); 
addTopLink("Office Developer site", "/officedev/"); 
addTopLink("SQL Server 7.0 Evaluation Edition", "/sql/70/trial.htm"); 
addTopLink("Visual Studio", "

http://msdn.microsoft.com/vstudio/default.asp");

addTopLink("Windows CE Developers", "/windowsce/developer/default.asp"); 
addTopLink("Windows NT Workstation", "/ntworkstation/default.asp"); 
} 
else if (ID == "EDUCATION") 
{ 
setTopLinkTitle("Top links for Education"); 
addTopLink("Internet Explorer 5", "/windows/ie/default.htm"); 
addTopLink("Clip Art Gallery", "/clipgallerylive/"); 
addTopLink("Education Pricing", "/education/pricing/elig.htm"); 
addTopLink("Encarta Schoolhouse", "

http://encarta.msn.com");

addTopLink("Find an Education Reseller", "/isapi/education/referral/aerfind.asp"); 
addTopLink("NetMeeting", "/netmeeting/"); 
addTopLink("Office Update Site", "

http://officeupdate.microsoft.com");

addTopLink("Product Tips", "/magazine/guides/tipsguid/default.htm"); 
addTopLink("TechNet", "/technet/"); 
addTopLink("Volume Licensing Comparison", "/education/pricing/mvlpcompare.htm"); 
addTopLink("Windows NT in K-12", "/education/k12/winnt/"); 
} 
else if (ID == "IT") 
{ 
setTopLinkTitle("Top links for IT Professionals"); 
addTopLink("IE Downloads", "/windows/ie/download/all.htm?bShowPage"); 
addTopLink("Knowledge Base", "

http://support.microsoft.com/support/c.asp?");

addTopLink("Office 97 Service Release 2", "

http://officeupdate.microsoft.com/Articles/sr2fact.htm");

addTopLink("Office Update", "

http://officeupdate.microsoft.com");

addTopLink("Outlook98 Download", "

http://officeupdate.microsoft.com/Articles/outlook98fact.htm");

addTopLink("Newsgroups", "

http://support.microsoft.com/support/news/default.asp?PR=ofw&T1=7d&FR=0&S=F&A=T&T=A&");

addTopLink("SQL Server 7.0 Evaluation Edition", "/sql/70/trial.htm"); 
addTopLink("Windows NT 4 Option Pack", "/ntserver/nts/downloads/recommended/nt4optpk/default.asp"); 
addTopLink("Windows NT Service Pack 4", "/windows/downloads/contents/Updates/NT4SvcPk4/default.asp?custarea=bus&site=family&openmenu=&highlighteditem="); 
} 
else if (ID == "PERSONAL") 
{ 
setTopLinkTitle("Top links for Home User"); 
addTopLink("Internet Explorer 5", "/windows/ie/default.htm"); 
addTopLink("Internet Explorer 5 by MSN", "/msdownload/iebuild/msnie5/EN/msn.asp"); 
addTopLink("Games Downloads", "/games/download.htm"); 
addTopLink("Games News", "/games/news.htm"); 
addTopLink("Internet Guide", "/insider/internet/"); 
addTopLink("Microsoft Confidential", "/insider/new/confidential/"); 
addTopLink("New from Microsoft", "/insider/new/"); 
addTopLink("Office 2000 Guide", "/insider/office2000/"); 
addTopLink("The Zone", "

http://zone.msn.com/");

addTopLink("Win98 Guide", "/insider/windows98/"); 
} 
addStandardLink("Free Downloads", "Free Downloads", "/msdownload/"); 
addStandardLink("Jobs at Microsoft", "Jobs at Microsoft", "/jobs/"); 
addStandardLink("Subscribe to our Newsletter", "Subscribe to our Newsletter", "/misc/mstw/"); 
addStandardLink("Shop for Microsoft Products (U.S. Only)", "Shop for Microsoft Products (U.S. Only)", "

http://shop.microsoft.com/");

// Copyrights 
addCopyRightMsg("1999 Microsoft Corporation. All rights reserved.", ""); 
addCopyRightMsg("Terms of Use", "/info/cpyright.htm"); 
addCopyRightMsg(" ", ""); 
addCopyRightMsg("Privacy Policy", "/info/privacy.htm"); 
addCopyRightMsg(" ", ""); 
addCopyRightMsg("Text-only Home Page", "/default_text.htm"); 
addCopyRightMsg(" ", ""); 
addCopyRightMsg("Contact Us", "/isapi/goregwiz.asp?target=/regwiz/forms/contactus.asp"); 
} //--> 
</script>

robherc · Jun 13, 1999

http://msdn.microsoft.com/voices/office.asp")

setHeadline(2,"Read MSDN's New Guide to Building Windows DNA Apps","

http://msdn.microsoft.com/isapi/msdnlib.idc?theurl=/library/techart/windnadesign.htm")

setHeadline(3,"Enter Your App: Data Warehousing Industry Solutions Awards","/industry/km/developers/announcements/kmisa-home.stm") 
setHeadline(4,"Download or Order the New Visual Studio 6.0 Service Pack 3","

http://msdn.microsoft.com/vstudio/sp/default.asp")

} 
else if (ID == "EDUCATION") 
{ 
setTopStory("It's Official: Microsoft Office 2000 is Here!", 
"Find out why Office 2000 is the best thing to happen to the corporate intranet, even if you don't have one yet. Visit the Office Web site to try a multimedia demo of Office 2000 and then order it online. If you missed Monday's launch event, you can tune into a replay of Steve Ballmer's exciting keynote speech.", 
"/office/2000/mscoma.htm", 
"/library/homepage/images/mscom_o2000b.gif", 
"Office 2000") 
 
setPromotion(1,"What's your opinion on Microsoft?", 
"", 
"/freedomtoinnovate/", 
"/library/homepage/images/promo_freedom.gif", 
"Freedom to Innovate") 
 
setPromotion(2,"What's new in Office 2000?", 
"", 
"/office/upgradecomparison/default.htm", 
"/library/homepage/images/promo_o2000.gif", 
"What's new in Office 2000") 
 
setHeadline(1,"New and Improved: Teaching and Learning with Microsoft Two CD Set","/education/k12/cdoffer.htm") 
setHeadline(2,"Access a World of Information with Encarta DVD-ROM","/insider/buynow/mscombuynow/msendvd.htm") 
setHeadline(3,"Case Study: PeopleSoft and Claremont Graduate University","/education/hed/studies/caseh56.htm") 
setHeadline(4,"Software Asset Management Made Easy and Affordable","/education/comply/") 
} 
else if (ID == "PERSONAL") 
{ 
setTopStory("It's Official: Microsoft Office 2000 is Here!", 
"Find out why Office 2000 is the best thing to happen to the corporate intranet, even if you don't have one yet. Visit the Office Web site to try a multimedia demo of Office 2000 and then order it online. If you missed Monday's launch event, you can tune into a replay of Steve Ballmer's exciting keynote speech.", 
"/office/2000/mscoma.htm", 
"/library/homepage/images/mscom_o2000b.gif", 
"Office 2000") 
 
setPromotion(1,"What's your opinion on Microsoft?", 
"", 
"/freedomtoinnovate/", 
"/library/homepage/images/promo_freedom.gif", 
"Freedom to Innovate") 
 
setPromotion(2,"Office 2000 upgrading made easy", 
"", 
"/insider/ms/upgradetool.htm", 
"/library/homepage/images/promo_o2000.gif", 
"Upgrading Office 2000") 
 
setHeadline(1,"Save 50% Off a Future Stay of Up to Five Nights with Expedia","

http://expedia.msn.com/promos/starwood/")

setHeadline(2,"Editing Themes in Microsoft FrontPage 2000","/insider/frontpage2000/articles/themes.htm") 
setHeadline(3,"Learn About Accessibility Improvements in Office 2000","/enable/products/office2000/default.htm") 
setHeadline(4,"Microsoft Helps Consumers Make Their Home Computers Y2K-Proof","/presspass/features/1999/06-01y2k.htm") 
} 
else if (ID == "IT") 
{ 
setTopStory("It's Official: Microsoft Office 2000 is Here!", 
"Find out why Office 2000 is the best thing to happen to the corporate intranet, even if you don't have one yet. Visit the Office Web site to try a multimedia demo of Office 2000 and then order it online. If you missed Monday's launch event, you can tune into a replay of Steve Ballmer's exciting keynote speech.", 
"/office/2000/mscoma.htm", 
"/library/homepage/images/mscom_o2000b.gif", 
"Office 2000") 
 
setPromotion(1,"What's your opinion on Microsoft?", 
"", 
"/freedomtoinnovate/", 
"/library/homepage/images/promo_freedom.gif", 
"Freedom to Innovate") 
 
setPromotion(2,"What's new in Office 2000?", 
"", 
"/office/upgradecomparison/default.htm", 
"/library/homepage/images/promo_o2000.gif", 
"What's new in Office 2000") 
 
setHeadline(1,"How to Deploy and Manage Microsoft Office 2000","/technet/events/agenda/of2kdepl/of2kdepl.htm") 
setHeadline(2,"The Importance of Reliability in an e-Commerce World","/technet/avail/ebay.htm") 
setHeadline(3,"IT Pros: You've Got the Windows 2000 Beta. Now What?","/windows/server/beta/default_ie.htm") 
setHeadline(4,"Capacity Planning for High Availability","/technet/avail/capacity.htm") 
} 
} //--> 
</script> 
 
<script language="JavaScript"> 
showHomePage("All"); 
</script> 
 
</BODY> 
</HTML>

robherc · Jun 13, 1999

Like I said: there's a LOT there; I just hope someone in here has the time to go through it (sorry, I DON'T). 
 
I hope this will prove helpful, 
-Robherc 
robherc@netzero.net

Ronh · Jun 15, 1999

WOW! You didn't exaggerate the size of these files. They are huge. I'm going to start looking through them right away. Thanks for taking the time to download them.

mckarl · Jul 29, 1999

my head hurts 
 
Karl.

pomidor · Jul 29, 1999

OK, easy guys. i figured this code out with my limited html and javascript abilities and i think that you gurus can do it too. maybe you need some manipulating lessons? 
 
in the homepage.js file, after it says hpStr, thats the html code of your website. i made my own layout in Frontpage 2000 since i am terrible @ html at the moment. i then pasted the code into the hpStr = making sure i had a " thing @ in the beginning of each line and have a '+' sign @ the end of each line and a ';' on the last line. then where it says those  that signifies where the function should put its data ie. in a table. 
 
to manipulate the links, just open up the navagation.js and then change the first "" marks as your main subject like Help for example. then in the next "" marks you put the name of the link and in the last "" you put the URL. 
 
in your main html document, make sure you have the links to the js files. ie. 
 
<script language="JavaScript" src="file:///e:/homepage.js"></script> 
 
you should be all set then. then in the homepage.js file delte all the extra crap like copyrights... unless you need them. Hope this helps. 
 
Senor Pomidor

Lawman · Aug 13, 1999

Howdy. Been lurking here to see what kind of response this would get, 'cause I'm real curious myself about doing the same thing with a Java applet. 
 
The folks over at internet.com's webreference have some pretty good articles on DHTML hierarchical menus, including several iterations of their own, with source:

http://www.webreference.com/dhtml/hiermenus/

Unfortunately, there's a huge problem with both browsers and the way they handle form elements -- some always appear on top of DHTML elements (like menus), no matter what you do about layering:

http://www.webreference.com/dhtml/diner/seethru/

Good luck! Anybody wanna post a Java Applet?

mckarl · Aug 13, 1999

i realy cant believe, that ANYONE has the time in the world to type all that code, without being locked up

Karl.

slaroche · Aug 13, 1999

One site I REALLY recommend if you want to do DHTML cross-browser Cascading Menus is

http://www.webreference.com/dhtml/hiermenus/instructions/index.html

(This has step by step instructions for implementing their ever-famous menu) There's not just the menu here, but tutorial after tutorial for revision (after revision) of this menu. This step by step instruction is meant for people just interested in implementing the menu, not learning everything about how it works. 
 
For step 3, you'll want to use this dynomat tool which (is amazing). . .helps authors create the complete in-page script necessary for hierarchical menus through a single, real-time, interactive browser session.

http://www.webreference.com/dhtml/dynomat/hiermenus3/

--Stephen 
slaroche@calico.com 
 
ps. Once again:

http://www.webreference.com/dhtml/hiermenus/instructions/index.html

for the instructions

http://www.webreference.com/dhtml/dynomat/hiermenus3/

for Step 3 of the instructions; trust me!

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Hierarchical Menus 1

Programmer

Programmer

Programmer

Programmer

New member

Programmer

Programmer

Programmer

Programmer

Programmer

Programmer

Programmer

Programmer

Programmer

Programmer

Programmer

Programmer

Programmer

Programmer

MIS

Similar threads

Log in

Part and Inventory Search

Sponsor