I've been searching the web for days for the script that I want. I know it's out there, but I can't find it! First of all, let me explain that I am an intelligent, but amateur, javascript user! Strictly cut and paste. All of the scripts I've found are too complicated and I can't get them to work. I have a menu bar on the left side of my page, and the "buttons" are not images, they are in a table. Which is the way the client wants them. 2 of the menu items have submenus, and I'm trying to do something similar to what Microsoft has done to their homepage ( only their menu items run along the top of the page. Mine are on the left. Does anyone know where I can find some easily editable script for this?
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!
-
Congratulations IamaSherpa on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
Need a menu script - HELP!!!
- Thread starter rizakag
- Start date
Guest_imported
New member
- Jan 1, 1970
- 0
Here's some menu code I got from It works both for Netscape and IE.
Fengshui_1998
' **************************************************
<html>
<head>
<!-- Meta Tags for Webcrawler -->
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<meta name="date" content="2001-01-14">
<meta name="validuntil" content="2002-12-31">
<meta name="robots" content="NOFOLLOW">
<title>Fax Services</title>
<link rel="stylesheet" type="text/css" href="styles/default.css">
<style>
<!--a:hover{color:red; font-weight:bold; font-style:italic; text-decoration:underline;
background-color:; }-->
</style>
<script language="JavaScript1.2">
/*
Drop down menu link
© Dynamic Drive (For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/
//Contents for menu 1
var menu1=new Array()
menu1[0]='<a href=Fax_Request.asp>Single User</a><br>'
menu1[1]='<a href=Fax_Group_Request.asp>Group</a><br>'
//Contents for menu 2
var menu2=new Array()
menu2[0]='<a href=Fax_Basics.asp>The Basics</a><br>'
menu2[1]='<a href=Fax_PTM_Install.asp>PTM Install</a><br>'
menu2[2]='<a href=Fax_PTM_Usage.asp>PTM Usage</a><br>'
menu2[3]='<a href=Fax_Cover_Pages.asp>Cover Pages</a><br>'
menu2[4]='<a href=Fax_Dialing.asp>Dialing</a><br>'
menu2[5]='<a href=Fax_Storing_Numbers.asp>Storing Fax #\'s</a><br>'
//Contents for menu 3
var menu3=new Array()
menu3[0]='<a href=Fax_Receiving.asp>Dialing to Boeing</a><br>'
menu3[1]='<a href=Viewer_Win95.asp>Windows 95</a><br>'
menu3[2]='<a href=Viewer_Win98.asp>Windows 98</a><br>'
menu3[3]='<a href=Viewer_WinNT_W2K.asp>WinNT & W2K</a><br>'
//Contents for menu 4
var menu4=new Array()
menu4[0]='<a href=Fax_MainFrame.asp>MainFrame</a><br>'
menu4[1]='<a href=Fax_SMTP.asp>SMTP</a><br>'
menu4[2]='<a href=Fax_Wrkstn.asp>Workstation</a><br>'
//Contents for menu 5
var menu5=new Array()
menu5[0]='<a href=Fax_Contacts.asp#csrc>CSRC</a><br>'
menu5[1]='<a href=Fax_Contacts.asp#admins>Fax Admins</a><br>'
menu5[2]='<a href=Fax_Contacts.asp#mgr>Project Manager</a><br>'
//Contents for menu 6
var menu6=new Array()
menu6[0]='<a href=Fax_FAQs.asp>FAQ\'s</a><br>'
menu6[1]='<a href=Fax_Errors.asp>Errors</a><br>'
menu6[2]='<a href=Fax_SPAM.asp>SPAM</a><br>'
</script>
<style>
<!--
.iewrap1 {position:relative; height:30px; }
.iewrap2 {position:relative; font-family:Arial; font-weight:normal; font-size:10pt
}
#dropmenu0, #dropmenu1, #dropmenu2, #dropmenu3, #dropmenu4, #dropmenu5, #dropmenu6
{
visibility:hide; z-index:100;}
-->
</style>
</head>
<body background="images/aqua_bkg.jpg" LINK=#FFFFFF VLINK=#FFFFFF ALINK=#FFFFFF>
<div align="right"><img src="images/banner.gif" width=600 height=40 border=0></div>
<br><br><div align="center"><img border="0" src="images/name.gif" width="509"
height="54"></div>
<br><br>
<script language="JavaScript1.2">
//reusable/////////////////////////////
var zindex=100
function dropit2(whichone){
if (window.themenu&&themenu.id!=whichone.id)
themenu.style.visibility="hidden"
themenu=whichone
if (document.all){
themenu.style.left=document.body.scrollLeft+event.clientX-event.offsetX
themenu.style.top=document.body.scrollTop+event.clientY-event.offsetY+18
if (themenu.style.visibility=="hidden"
{
themenu.style.visibility="visible"
themenu.style.zIndex=zindex++
}
else{
hidemenu()
}
}
}
function dropit(e,whichone){
if (window.themenu&&themenu.id!=eval(whichone).id)
themenu.visibility="hide"
themenu=eval(whichone)
if (themenu.visibility=="hide"
themenu.visibility="show"
else
themenu.visibility="hide"
themenu.zIndex++
themenu.left=e.pageX-e.layerX
themenu.top=e.pageY-e.layerY+19
return false
}
function hidemenu(whichone){
if (window.themenu)
themenu.style.visibility="hidden"
}
function hidemenu2(){
themenu.visibility="hide"
}
if (document.all)
document.body.onclick=hidemenu
//reusable/////////////////////////////
</script>
<!----------Menu 1 starts here---------->
<ilayer height=40px>
<layer visibility=show>
<span class=iewrap1>
<span class=iewrap2 onClick="dropit2(dropmenu0);event.cancelBubble=true;return
false"><font face=Arial><b><a href="#" onClick="if(document.layers) return
dropit(event, 'document.dropmenu0')">Registration</a></b></font>
</span>
</span>
</layer>
</ilayer><br>
<!----------Menu 1 ends here---------->
<!----------Menu 2 starts here---------->
<ilayer height=40px>
<layer visibility=show>
<span class=iewrap1>
<span class=iewrap2 onClick="dropit2(dropmenu1);event.cancelBubble=true;return
false"><font face=Arial><b><a href="#" onClick="if(document.layers) return
dropit(event, 'document.dropmenu1')">Sending a Fax</a></b></font>
</span>
</span>
</layer>
</ilayer><br>
<!----------Menu 2 ends here---------->
<!----------Menu 3 starts here---------->
<ilayer height=40px>
<layer visibility=show>
<span class=iewrap1>
<span class=iewrap2 onClick="dropit2(dropmenu2);event.cancelBubble=true;return
false"><font face=Arial><b><a href="#" onClick="if(document.layers) return
dropit(event, 'document.dropmenu2')">Receiving a Fax</a></b></font>
</span>
</span>
</layer>
</ilayer><br>
<!----------Menu 3 ends here---------->
<!----------Menu 4 starts here---------->
<ilayer height=40px>
<layer visibility=show>
<span class=iewrap1>
<span class=iewrap2 onClick="dropit2(dropmenu3);event.cancelBubble=true;return
false"><font face=Arial><b><a href="#" onClick="if(document.layers) return
dropit(event, 'document.dropmenu3')">Other Services</a></b></font>
</span>
</span>
</layer>
</ilayer><br>
<!----------Menu 4 ends here---------->
<!----------Menu 5 starts here---------->
<ilayer height=40px>
<layer visibility=show>
<span class=iewrap1>
<span class=iewrap2 onClick="dropit2(dropmenu4);event.cancelBubble=true;return
false"><font face=Arial><b><a href="#" onClick="if(document.layers) return
dropit(event, 'document.dropmenu4')">Contacts</a></b></font>
</span>
</span>
</layer>
</ilayer><br>
<!----------Menu 5 ends here---------->
<!----------Menu 6 starts here---------->
<ilayer height=40px>
<layer visibility=show>
<span class=iewrap1>
<span class=iewrap2 onClick="dropit2(dropmenu5);event.cancelBubble=true;return
false"><font face=Arial><b><a href="#" onClick="if(document.layers) return
dropit(event, 'document.dropmenu5')">Miscellaneous</a></b></font>
</span>
</span>
</layer>
</ilayer><br>
<!----------Menu 6 ends here---------->
<div id=dropmenu0 class="drop">
<script language="JavaScript1.2">
if (document.all)
dropmenu0.style.padding="4px"
for (i=0;i<menu1.length;i++)
document.write(menu1)
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu0.captureEvents(Event.CLICK)
document.dropmenu0.onclick=hidemenu2
}
</script>
<div id=dropmenu1 class="drop">
<script language="JavaScript1.2">
if (document.all)
dropmenu1.style.padding="4px"
for (i=0;i<menu2.length;i++)
document.write(menu2)
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu1.captureEvents(Event.CLICK)
document.dropmenu1.onclick=hidemenu2
}
</script>
<div id=dropmenu2 class="drop">
<script language="JavaScript1.2">
if (document.all)
dropmenu2.style.padding="4px"
for (i=0;i<menu3.length;i++)
document.write(menu3)
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu2.captureEvents(Event.CLICK)
document.dropmenu2.onclick=hidemenu2
}
</script>
<div id=dropmenu3 class="drop">
<script language="JavaScript1.2">
if (document.all)
dropmenu3.style.padding="4px"
for (i=0;i<menu4.length;i++)
document.write(menu4)
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu3.captureEvents(Event.CLICK)
document.dropmenu3.onclick=hidemenu2
}
</script>
<div id=dropmenu4 class="drop">
<script language="JavaScript1.2">
if (document.all)
dropmenu4.style.padding="4px"
for (i=0;i<menu5.length;i++)
document.write(menu5)
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu4.captureEvents(Event.CLICK)
document.dropmenu4.onclick=hidemenu2
}
</script>
<div id=dropmenu5 class="drop">
<script language="JavaScript1.2">
if (document.all)
dropmenu5.style.padding="4px"
for (i=0;i<menu6.length;i++)
document.write(menu6)
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu5.captureEvents(Event.CLICK)
document.dropmenu5.onclick=hidemenu2
}
</script>
<div class="pos1"><font class="txtb">
<br><br>
Text
Text
</body>
</html>
Fengshui_1998
' **************************************************
<html>
<head>
<!-- Meta Tags for Webcrawler -->
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<meta name="date" content="2001-01-14">
<meta name="validuntil" content="2002-12-31">
<meta name="robots" content="NOFOLLOW">
<title>Fax Services</title>
<link rel="stylesheet" type="text/css" href="styles/default.css">
<style>
<!--a:hover{color:red; font-weight:bold; font-style:italic; text-decoration:underline;
background-color:; }-->
</style>
<script language="JavaScript1.2">
/*
Drop down menu link
© Dynamic Drive (For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/
//Contents for menu 1
var menu1=new Array()
menu1[0]='<a href=Fax_Request.asp>Single User</a><br>'
menu1[1]='<a href=Fax_Group_Request.asp>Group</a><br>'
//Contents for menu 2
var menu2=new Array()
menu2[0]='<a href=Fax_Basics.asp>The Basics</a><br>'
menu2[1]='<a href=Fax_PTM_Install.asp>PTM Install</a><br>'
menu2[2]='<a href=Fax_PTM_Usage.asp>PTM Usage</a><br>'
menu2[3]='<a href=Fax_Cover_Pages.asp>Cover Pages</a><br>'
menu2[4]='<a href=Fax_Dialing.asp>Dialing</a><br>'
menu2[5]='<a href=Fax_Storing_Numbers.asp>Storing Fax #\'s</a><br>'
//Contents for menu 3
var menu3=new Array()
menu3[0]='<a href=Fax_Receiving.asp>Dialing to Boeing</a><br>'
menu3[1]='<a href=Viewer_Win95.asp>Windows 95</a><br>'
menu3[2]='<a href=Viewer_Win98.asp>Windows 98</a><br>'
menu3[3]='<a href=Viewer_WinNT_W2K.asp>WinNT & W2K</a><br>'
//Contents for menu 4
var menu4=new Array()
menu4[0]='<a href=Fax_MainFrame.asp>MainFrame</a><br>'
menu4[1]='<a href=Fax_SMTP.asp>SMTP</a><br>'
menu4[2]='<a href=Fax_Wrkstn.asp>Workstation</a><br>'
//Contents for menu 5
var menu5=new Array()
menu5[0]='<a href=Fax_Contacts.asp#csrc>CSRC</a><br>'
menu5[1]='<a href=Fax_Contacts.asp#admins>Fax Admins</a><br>'
menu5[2]='<a href=Fax_Contacts.asp#mgr>Project Manager</a><br>'
//Contents for menu 6
var menu6=new Array()
menu6[0]='<a href=Fax_FAQs.asp>FAQ\'s</a><br>'
menu6[1]='<a href=Fax_Errors.asp>Errors</a><br>'
menu6[2]='<a href=Fax_SPAM.asp>SPAM</a><br>'
</script>
<style>
<!--
.iewrap1 {position:relative; height:30px; }
.iewrap2 {position:relative; font-family:Arial; font-weight:normal; font-size:10pt
}
#dropmenu0, #dropmenu1, #dropmenu2, #dropmenu3, #dropmenu4, #dropmenu5, #dropmenu6
{
visibility:hide; z-index:100;}
-->
</style>
</head>
<body background="images/aqua_bkg.jpg" LINK=#FFFFFF VLINK=#FFFFFF ALINK=#FFFFFF>
<div align="right"><img src="images/banner.gif" width=600 height=40 border=0></div>
<br><br><div align="center"><img border="0" src="images/name.gif" width="509"
height="54"></div>
<br><br>
<script language="JavaScript1.2">
//reusable/////////////////////////////
var zindex=100
function dropit2(whichone){
if (window.themenu&&themenu.id!=whichone.id)
themenu.style.visibility="hidden"
themenu=whichone
if (document.all){
themenu.style.left=document.body.scrollLeft+event.clientX-event.offsetX
themenu.style.top=document.body.scrollTop+event.clientY-event.offsetY+18
if (themenu.style.visibility=="hidden"
{themenu.style.visibility="visible"
themenu.style.zIndex=zindex++
}
else{
hidemenu()
}
}
}
function dropit(e,whichone){
if (window.themenu&&themenu.id!=eval(whichone).id)
themenu.visibility="hide"
themenu=eval(whichone)
if (themenu.visibility=="hide"
themenu.visibility="show"
else
themenu.visibility="hide"
themenu.zIndex++
themenu.left=e.pageX-e.layerX
themenu.top=e.pageY-e.layerY+19
return false
}
function hidemenu(whichone){
if (window.themenu)
themenu.style.visibility="hidden"
}
function hidemenu2(){
themenu.visibility="hide"
}
if (document.all)
document.body.onclick=hidemenu
//reusable/////////////////////////////
</script>
<!----------Menu 1 starts here---------->
<ilayer height=40px>
<layer visibility=show>
<span class=iewrap1>
<span class=iewrap2 onClick="dropit2(dropmenu0);event.cancelBubble=true;return
false"><font face=Arial><b><a href="#" onClick="if(document.layers) return
dropit(event, 'document.dropmenu0')">Registration</a></b></font>
</span>
</span>
</layer>
</ilayer><br>
<!----------Menu 1 ends here---------->
<!----------Menu 2 starts here---------->
<ilayer height=40px>
<layer visibility=show>
<span class=iewrap1>
<span class=iewrap2 onClick="dropit2(dropmenu1);event.cancelBubble=true;return
false"><font face=Arial><b><a href="#" onClick="if(document.layers) return
dropit(event, 'document.dropmenu1')">Sending a Fax</a></b></font>
</span>
</span>
</layer>
</ilayer><br>
<!----------Menu 2 ends here---------->
<!----------Menu 3 starts here---------->
<ilayer height=40px>
<layer visibility=show>
<span class=iewrap1>
<span class=iewrap2 onClick="dropit2(dropmenu2);event.cancelBubble=true;return
false"><font face=Arial><b><a href="#" onClick="if(document.layers) return
dropit(event, 'document.dropmenu2')">Receiving a Fax</a></b></font>
</span>
</span>
</layer>
</ilayer><br>
<!----------Menu 3 ends here---------->
<!----------Menu 4 starts here---------->
<ilayer height=40px>
<layer visibility=show>
<span class=iewrap1>
<span class=iewrap2 onClick="dropit2(dropmenu3);event.cancelBubble=true;return
false"><font face=Arial><b><a href="#" onClick="if(document.layers) return
dropit(event, 'document.dropmenu3')">Other Services</a></b></font>
</span>
</span>
</layer>
</ilayer><br>
<!----------Menu 4 ends here---------->
<!----------Menu 5 starts here---------->
<ilayer height=40px>
<layer visibility=show>
<span class=iewrap1>
<span class=iewrap2 onClick="dropit2(dropmenu4);event.cancelBubble=true;return
false"><font face=Arial><b><a href="#" onClick="if(document.layers) return
dropit(event, 'document.dropmenu4')">Contacts</a></b></font>
</span>
</span>
</layer>
</ilayer><br>
<!----------Menu 5 ends here---------->
<!----------Menu 6 starts here---------->
<ilayer height=40px>
<layer visibility=show>
<span class=iewrap1>
<span class=iewrap2 onClick="dropit2(dropmenu5);event.cancelBubble=true;return
false"><font face=Arial><b><a href="#" onClick="if(document.layers) return
dropit(event, 'document.dropmenu5')">Miscellaneous</a></b></font>
</span>
</span>
</layer>
</ilayer><br>
<!----------Menu 6 ends here---------->
<div id=dropmenu0 class="drop">
<script language="JavaScript1.2">
if (document.all)
dropmenu0.style.padding="4px"
for (i=0;i<menu1.length;i++)
document.write(menu1)
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu0.captureEvents(Event.CLICK)
document.dropmenu0.onclick=hidemenu2
}
</script>
<div id=dropmenu1 class="drop">
<script language="JavaScript1.2">
if (document.all)
dropmenu1.style.padding="4px"
for (i=0;i<menu2.length;i++)
document.write(menu2)
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu1.captureEvents(Event.CLICK)
document.dropmenu1.onclick=hidemenu2
}
</script>
<div id=dropmenu2 class="drop">
<script language="JavaScript1.2">
if (document.all)
dropmenu2.style.padding="4px"
for (i=0;i<menu3.length;i++)
document.write(menu3)
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu2.captureEvents(Event.CLICK)
document.dropmenu2.onclick=hidemenu2
}
</script>
<div id=dropmenu3 class="drop">
<script language="JavaScript1.2">
if (document.all)
dropmenu3.style.padding="4px"
for (i=0;i<menu4.length;i++)
document.write(menu4)
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu3.captureEvents(Event.CLICK)
document.dropmenu3.onclick=hidemenu2
}
</script>
<div id=dropmenu4 class="drop">
<script language="JavaScript1.2">
if (document.all)
dropmenu4.style.padding="4px"
for (i=0;i<menu5.length;i++)
document.write(menu5)
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu4.captureEvents(Event.CLICK)
document.dropmenu4.onclick=hidemenu2
}
</script>
<div id=dropmenu5 class="drop">
<script language="JavaScript1.2">
if (document.all)
dropmenu5.style.padding="4px"
for (i=0;i<menu6.length;i++)
document.write(menu6)
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu5.captureEvents(Event.CLICK)
document.dropmenu5.onclick=hidemenu2
}
</script>
<div class="pos1"><font class="txtb">
<br><br>
Text
Text
</body>
</html>
Guest_imported
New member
- Jan 1, 1970
- 0
Here's some script from
Fengshui_1998
<html>
<head>
<!-- Meta Tags for Webcrawler -->
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<meta name="date" content="2001-01-14">
<meta name="validuntil" content="2002-12-31">
<meta name="robots" content="NOFOLLOW">
<title>Fax Services</title>
<link rel="stylesheet" type="text/css" href="styles/default.css">
<style>
<!--a:hover{color:red; font-weight:bold; font-style:italic; text-decoration:underline;
background-color:; }-->
</style>
<script language="JavaScript1.2">
/*
Drop down menu link
© Dynamic Drive (For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/
//Contents for menu 1
var menu1=new Array()
menu1[0]='<a href=Fax_Request.asp>Single User</a><br>'
menu1[1]='<a href=Fax_Group_Request.asp>Group</a><br>'
//Contents for menu 2
var menu2=new Array()
menu2[0]='<a href=Fax_Basics.asp>The Basics</a><br>'
menu2[1]='<a href=Fax_PTM_Install.asp>PTM Install</a><br>'
menu2[2]='<a href=Fax_PTM_Usage.asp>PTM Usage</a><br>'
menu2[3]='<a href=Fax_Cover_Pages.asp>Cover Pages</a><br>'
menu2[4]='<a href=Fax_Dialing.asp>Dialing</a><br>'
menu2[5]='<a href=Fax_Storing_Numbers.asp>Storing Fax #\'s</a><br>'
//Contents for menu 3
var menu3=new Array()
menu3[0]='<a href=Fax_Receiving.asp>Dialing to Boeing</a><br>'
menu3[1]='<a href=Viewer_Win95.asp>Windows 95</a><br>'
menu3[2]='<a href=Viewer_Win98.asp>Windows 98</a><br>'
menu3[3]='<a href=Viewer_WinNT_W2K.asp>WinNT & W2K</a><br>'
//Contents for menu 4
var menu4=new Array()
menu4[0]='<a href=Fax_MainFrame.asp>MainFrame</a><br>'
menu4[1]='<a href=Fax_SMTP.asp>SMTP</a><br>'
menu4[2]='<a href=Fax_Wrkstn.asp>Workstation</a><br>'
//Contents for menu 5
var menu5=new Array()
menu5[0]='<a href=Fax_Contacts.asp#csrc>CSRC</a><br>'
menu5[1]='<a href=Fax_Contacts.asp#admins>Fax Admins</a><br>'
menu5[2]='<a href=Fax_Contacts.asp#mgr>Project Manager</a><br>'
//Contents for menu 6
var menu6=new Array()
menu6[0]='<a href=Fax_FAQs.asp>FAQ\'s</a><br>'
menu6[1]='<a href=Fax_Errors.asp>Errors</a><br>'
menu6[2]='<a href=Fax_SPAM.asp>SPAM</a><br>'
</script>
<style>
<!--
.iewrap1 {position:relative; height:30px; }
.iewrap2 {position:relative; font-family:Arial; font-weight:normal; font-size:10pt
}
#dropmenu0, #dropmenu1, #dropmenu2, #dropmenu3, #dropmenu4, #dropmenu5, #dropmenu6
{
visibility:hide; z-index:100;}
-->
</style>
</head>
<body background="images/aqua_bkg.jpg" LINK=#FFFFFF VLINK=#FFFFFF ALINK=#FFFFFF>
<div align="right"><img src="images/banner.gif" width=600 height=40 border=0></div>
<br><br><div align="center"><img border="0" src="images/name.gif" width="509"
height="54"></div>
<br><br>
<script language="JavaScript1.2">
//reusable/////////////////////////////
var zindex=100
function dropit2(whichone){
if (window.themenu&&themenu.id!=whichone.id)
themenu.style.visibility="hidden"
themenu=whichone
if (document.all){
themenu.style.left=document.body.scrollLeft+event.clientX-event.offsetX
themenu.style.top=document.body.scrollTop+event.clientY-event.offsetY+18
if (themenu.style.visibility=="hidden"{
themenu.style.visibility="visible"
themenu.style.zIndex=zindex++
}
else{
hidemenu()
}
}
}
function dropit(e,whichone){
if (window.themenu&&themenu.id!=eval(whichone).id)
themenu.visibility="hide"
themenu=eval(whichone)
if (themenu.visibility=="hide"
themenu.visibility="show"
else
themenu.visibility="hide"
themenu.zIndex++
themenu.left=e.pageX-e.layerX
themenu.top=e.pageY-e.layerY+19
return false
}
function hidemenu(whichone){
if (window.themenu)
themenu.style.visibility="hidden"
}
function hidemenu2(){
themenu.visibility="hide"
}
if (document.all)
document.body.onclick=hidemenu
//reusable/////////////////////////////
</script>
<!----------Menu 1 starts here---------->
<ilayer height=40px>
<layer visibility=show>
<span class=iewrap1>
<span class=iewrap2 onClick="dropit2(dropmenu0);event.cancelBubble=true;return
false"><font face=Arial><b><a href="#" onClick="if(document.layers) return
dropit(event, 'document.dropmenu0')">Registration</a></b></font>
</span>
</span>
</layer>
</ilayer><br>
<!----------Menu 1 ends here---------->
<!----------Menu 2 starts here---------->
<ilayer height=40px>
<layer visibility=show>
<span class=iewrap1>
<span class=iewrap2 onClick="dropit2(dropmenu1);event.cancelBubble=true;return
false"><font face=Arial><b><a href="#" onClick="if(document.layers) return
dropit(event, 'document.dropmenu1')">Sending a Fax</a></b></font>
</span>
</span>
</layer>
</ilayer><br>
<!----------Menu 2 ends here---------->
<!----------Menu 3 starts here---------->
<ilayer height=40px>
<layer visibility=show>
<span class=iewrap1>
<span class=iewrap2 onClick="dropit2(dropmenu2);event.cancelBubble=true;return
false"><font face=Arial><b><a href="#" onClick="if(document.layers) return
dropit(event, 'document.dropmenu2')">Receiving a Fax</a></b></font>
</span>
</span>
</layer>
</ilayer><br>
<!----------Menu 3 ends here---------->
<!----------Menu 4 starts here---------->
<ilayer height=40px>
<layer visibility=show>
<span class=iewrap1>
<span class=iewrap2 onClick="dropit2(dropmenu3);event.cancelBubble=true;return
false"><font face=Arial><b><a href="#" onClick="if(document.layers) return
dropit(event, 'document.dropmenu3')">Other Services</a></b></font>
</span>
</span>
</layer>
</ilayer><br>
<!----------Menu 4 ends here---------->
<!----------Menu 5 starts here---------->
<ilayer height=40px>
<layer visibility=show>
<span class=iewrap1>
<span class=iewrap2 onClick="dropit2(dropmenu4);event.cancelBubble=true;return
false"><font face=Arial><b><a href="#" onClick="if(document.layers) return
dropit(event, 'document.dropmenu4')">Contacts</a></b></font>
</span>
</span>
</layer>
</ilayer><br>
<!----------Menu 5 ends here---------->
<!----------Menu 6 starts here---------->
<ilayer height=40px>
<layer visibility=show>
<span class=iewrap1>
<span class=iewrap2 onClick="dropit2(dropmenu5);event.cancelBubble=true;return
false"><font face=Arial><b><a href="#" onClick="if(document.layers) return
dropit(event, 'document.dropmenu5')">Miscellaneous</a></b></font>
</span>
</span>
</layer>
</ilayer><br>
<!----------Menu 6 ends here---------->
<div id=dropmenu0 class="drop">
<script language="JavaScript1.2">
if (document.all)
dropmenu0.style.padding="4px"
for (i=0;i<menu1.length;i++)
document.write(menu1)
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu0.captureEvents(Event.CLICK)
document.dropmenu0.onclick=hidemenu2
}
</script>
<div id=dropmenu1 class="drop">
<script language="JavaScript1.2">
if (document.all)
dropmenu1.style.padding="4px"
for (i=0;i<menu2.length;i++)
document.write(menu2)
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu1.captureEvents(Event.CLICK)
document.dropmenu1.onclick=hidemenu2
}
</script>
<div id=dropmenu2 class="drop">
<script language="JavaScript1.2">
if (document.all)
dropmenu2.style.padding="4px"
for (i=0;i<menu3.length;i++)
document.write(menu3)
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu2.captureEvents(Event.CLICK)
document.dropmenu2.onclick=hidemenu2
}
</script>
<div id=dropmenu3 class="drop">
<script language="JavaScript1.2">
if (document.all)
dropmenu3.style.padding="4px"
for (i=0;i<menu4.length;i++)
document.write(menu4)
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu3.captureEvents(Event.CLICK)
document.dropmenu3.onclick=hidemenu2
}
</script>
<div id=dropmenu4 class="drop">
<script language="JavaScript1.2">
if (document.all)
dropmenu4.style.padding="4px"
for (i=0;i<menu5.length;i++)
document.write(menu5)
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu4.captureEvents(Event.CLICK)
document.dropmenu4.onclick=hidemenu2
}
</script>
<div id=dropmenu5 class="drop">
<script language="JavaScript1.2">
if (document.all)
dropmenu5.style.padding="4px"
for (i=0;i<menu6.length;i++)
document.write(menu6)
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu5.captureEvents(Event.CLICK)
document.dropmenu5.onclick=hidemenu2
}
</script>
<div class="pos1"><font class="txtb">
<br><br>
Text
<br>
<br>
Text
</body>
</html>
Fengshui_1998
<html>
<head>
<!-- Meta Tags for Webcrawler -->
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<meta name="date" content="2001-01-14">
<meta name="validuntil" content="2002-12-31">
<meta name="robots" content="NOFOLLOW">
<title>Fax Services</title>
<link rel="stylesheet" type="text/css" href="styles/default.css">
<style>
<!--a:hover{color:red; font-weight:bold; font-style:italic; text-decoration:underline;
background-color:; }-->
</style>
<script language="JavaScript1.2">
/*
Drop down menu link
© Dynamic Drive (For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/
//Contents for menu 1
var menu1=new Array()
menu1[0]='<a href=Fax_Request.asp>Single User</a><br>'
menu1[1]='<a href=Fax_Group_Request.asp>Group</a><br>'
//Contents for menu 2
var menu2=new Array()
menu2[0]='<a href=Fax_Basics.asp>The Basics</a><br>'
menu2[1]='<a href=Fax_PTM_Install.asp>PTM Install</a><br>'
menu2[2]='<a href=Fax_PTM_Usage.asp>PTM Usage</a><br>'
menu2[3]='<a href=Fax_Cover_Pages.asp>Cover Pages</a><br>'
menu2[4]='<a href=Fax_Dialing.asp>Dialing</a><br>'
menu2[5]='<a href=Fax_Storing_Numbers.asp>Storing Fax #\'s</a><br>'
//Contents for menu 3
var menu3=new Array()
menu3[0]='<a href=Fax_Receiving.asp>Dialing to Boeing</a><br>'
menu3[1]='<a href=Viewer_Win95.asp>Windows 95</a><br>'
menu3[2]='<a href=Viewer_Win98.asp>Windows 98</a><br>'
menu3[3]='<a href=Viewer_WinNT_W2K.asp>WinNT & W2K</a><br>'
//Contents for menu 4
var menu4=new Array()
menu4[0]='<a href=Fax_MainFrame.asp>MainFrame</a><br>'
menu4[1]='<a href=Fax_SMTP.asp>SMTP</a><br>'
menu4[2]='<a href=Fax_Wrkstn.asp>Workstation</a><br>'
//Contents for menu 5
var menu5=new Array()
menu5[0]='<a href=Fax_Contacts.asp#csrc>CSRC</a><br>'
menu5[1]='<a href=Fax_Contacts.asp#admins>Fax Admins</a><br>'
menu5[2]='<a href=Fax_Contacts.asp#mgr>Project Manager</a><br>'
//Contents for menu 6
var menu6=new Array()
menu6[0]='<a href=Fax_FAQs.asp>FAQ\'s</a><br>'
menu6[1]='<a href=Fax_Errors.asp>Errors</a><br>'
menu6[2]='<a href=Fax_SPAM.asp>SPAM</a><br>'
</script>
<style>
<!--
.iewrap1 {position:relative; height:30px; }
.iewrap2 {position:relative; font-family:Arial; font-weight:normal; font-size:10pt
}
#dropmenu0, #dropmenu1, #dropmenu2, #dropmenu3, #dropmenu4, #dropmenu5, #dropmenu6
{
visibility:hide; z-index:100;}
-->
</style>
</head>
<body background="images/aqua_bkg.jpg" LINK=#FFFFFF VLINK=#FFFFFF ALINK=#FFFFFF>
<div align="right"><img src="images/banner.gif" width=600 height=40 border=0></div>
<br><br><div align="center"><img border="0" src="images/name.gif" width="509"
height="54"></div>
<br><br>
<script language="JavaScript1.2">
//reusable/////////////////////////////
var zindex=100
function dropit2(whichone){
if (window.themenu&&themenu.id!=whichone.id)
themenu.style.visibility="hidden"
themenu=whichone
if (document.all){
themenu.style.left=document.body.scrollLeft+event.clientX-event.offsetX
themenu.style.top=document.body.scrollTop+event.clientY-event.offsetY+18
if (themenu.style.visibility=="hidden"
{themenu.style.visibility="visible"
themenu.style.zIndex=zindex++
}
else{
hidemenu()
}
}
}
function dropit(e,whichone){
if (window.themenu&&themenu.id!=eval(whichone).id)
themenu.visibility="hide"
themenu=eval(whichone)
if (themenu.visibility=="hide"
themenu.visibility="show"
else
themenu.visibility="hide"
themenu.zIndex++
themenu.left=e.pageX-e.layerX
themenu.top=e.pageY-e.layerY+19
return false
}
function hidemenu(whichone){
if (window.themenu)
themenu.style.visibility="hidden"
}
function hidemenu2(){
themenu.visibility="hide"
}
if (document.all)
document.body.onclick=hidemenu
//reusable/////////////////////////////
</script>
<!----------Menu 1 starts here---------->
<ilayer height=40px>
<layer visibility=show>
<span class=iewrap1>
<span class=iewrap2 onClick="dropit2(dropmenu0);event.cancelBubble=true;return
false"><font face=Arial><b><a href="#" onClick="if(document.layers) return
dropit(event, 'document.dropmenu0')">Registration</a></b></font>
</span>
</span>
</layer>
</ilayer><br>
<!----------Menu 1 ends here---------->
<!----------Menu 2 starts here---------->
<ilayer height=40px>
<layer visibility=show>
<span class=iewrap1>
<span class=iewrap2 onClick="dropit2(dropmenu1);event.cancelBubble=true;return
false"><font face=Arial><b><a href="#" onClick="if(document.layers) return
dropit(event, 'document.dropmenu1')">Sending a Fax</a></b></font>
</span>
</span>
</layer>
</ilayer><br>
<!----------Menu 2 ends here---------->
<!----------Menu 3 starts here---------->
<ilayer height=40px>
<layer visibility=show>
<span class=iewrap1>
<span class=iewrap2 onClick="dropit2(dropmenu2);event.cancelBubble=true;return
false"><font face=Arial><b><a href="#" onClick="if(document.layers) return
dropit(event, 'document.dropmenu2')">Receiving a Fax</a></b></font>
</span>
</span>
</layer>
</ilayer><br>
<!----------Menu 3 ends here---------->
<!----------Menu 4 starts here---------->
<ilayer height=40px>
<layer visibility=show>
<span class=iewrap1>
<span class=iewrap2 onClick="dropit2(dropmenu3);event.cancelBubble=true;return
false"><font face=Arial><b><a href="#" onClick="if(document.layers) return
dropit(event, 'document.dropmenu3')">Other Services</a></b></font>
</span>
</span>
</layer>
</ilayer><br>
<!----------Menu 4 ends here---------->
<!----------Menu 5 starts here---------->
<ilayer height=40px>
<layer visibility=show>
<span class=iewrap1>
<span class=iewrap2 onClick="dropit2(dropmenu4);event.cancelBubble=true;return
false"><font face=Arial><b><a href="#" onClick="if(document.layers) return
dropit(event, 'document.dropmenu4')">Contacts</a></b></font>
</span>
</span>
</layer>
</ilayer><br>
<!----------Menu 5 ends here---------->
<!----------Menu 6 starts here---------->
<ilayer height=40px>
<layer visibility=show>
<span class=iewrap1>
<span class=iewrap2 onClick="dropit2(dropmenu5);event.cancelBubble=true;return
false"><font face=Arial><b><a href="#" onClick="if(document.layers) return
dropit(event, 'document.dropmenu5')">Miscellaneous</a></b></font>
</span>
</span>
</layer>
</ilayer><br>
<!----------Menu 6 ends here---------->
<div id=dropmenu0 class="drop">
<script language="JavaScript1.2">
if (document.all)
dropmenu0.style.padding="4px"
for (i=0;i<menu1.length;i++)
document.write(menu1)
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu0.captureEvents(Event.CLICK)
document.dropmenu0.onclick=hidemenu2
}
</script>
<div id=dropmenu1 class="drop">
<script language="JavaScript1.2">
if (document.all)
dropmenu1.style.padding="4px"
for (i=0;i<menu2.length;i++)
document.write(menu2)
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu1.captureEvents(Event.CLICK)
document.dropmenu1.onclick=hidemenu2
}
</script>
<div id=dropmenu2 class="drop">
<script language="JavaScript1.2">
if (document.all)
dropmenu2.style.padding="4px"
for (i=0;i<menu3.length;i++)
document.write(menu3)
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu2.captureEvents(Event.CLICK)
document.dropmenu2.onclick=hidemenu2
}
</script>
<div id=dropmenu3 class="drop">
<script language="JavaScript1.2">
if (document.all)
dropmenu3.style.padding="4px"
for (i=0;i<menu4.length;i++)
document.write(menu4)
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu3.captureEvents(Event.CLICK)
document.dropmenu3.onclick=hidemenu2
}
</script>
<div id=dropmenu4 class="drop">
<script language="JavaScript1.2">
if (document.all)
dropmenu4.style.padding="4px"
for (i=0;i<menu5.length;i++)
document.write(menu5)
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu4.captureEvents(Event.CLICK)
document.dropmenu4.onclick=hidemenu2
}
</script>
<div id=dropmenu5 class="drop">
<script language="JavaScript1.2">
if (document.all)
dropmenu5.style.padding="4px"
for (i=0;i<menu6.length;i++)
document.write(menu6)
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu5.captureEvents(Event.CLICK)
document.dropmenu5.onclick=hidemenu2
}
</script>
<div class="pos1"><font class="txtb">
<br><br>
Text
<br>
<br>
Text
</body>
</html>
- Thread starter
- #4
I don't know what's wrong with me, but I can't get that to work. I don't want to see the submenus when I enter the page, just the table with the menu items. Then I want to either "hover" over the 2 menu items that HAVE submenus, or click to expand the menu items and show the submenu items (which are links). The table has a gray background and darker gray borders on each cell, and that has to stay. I could make each button an image, I've found code to make it work that way, but because this web will be turned over to people who are even more amateurish than me, we were trying to keep the menu selections in a table so the client could easily revise them.
Is there a way to include a screen capture of what the navigation looks like in these postings?
Is there a way to include a screen capture of what the navigation looks like in these postings?
Guest_imported
New member
- Jan 1, 1970
- 0
Try this fold out menu, works in IE and NS.
<html>
<head>
<title>Cross-browser Dynamic HTML Scripts - Foldoutmenu3</title>
<style type="text/css">
</style>
<script type="text/javascript" language="JavaScript">
/********************************************************************************
Copyright (C) 1999 Thomas Brattli
This script is made by and copyrighted to Thomas Brattli at Visit for more great scripts. This may be used freely as long as this msg is intact!
I will also appriciate any links you could give me.
********************************************************************************/
//Default browsercheck, added to all scripts!
function checkBrowser(){
this.ver=navigator.appVersion
this.dom=document.getElementById?1:0
this.ie5=(this.ver.indexOf("MSIE 5">-1 && this.dom)?1:0;
this.ie4=(document.all && !this.dom)?1:0;
this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
this.ns4=(document.layers && !this.dom)?1:0;
this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)
return this
}
bw=new checkBrowser()
/************************************************************************************
Making cross-browser objects
************************************************************************************/
function makeMenuObj(obj,nest,img,offimage,onimage){
nest=(!nest) ? '':'document.'+nest+'.'
this.css=bw.dom? document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+"document.layers." +obj):0;
this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0;
this.ref=bw.dom || bw.ie4? document:bw.ns4?this.css.document:0;
this.x=(bw.ns4 || bw.ns5)? this.css.left:this.css.offsetLeft;
this.y=(bw.ns4 || bw.ns5)? this.css.top:this.css.offsetTop;
this.height=bw.ns4?this.ref.height:this.el.offsetHeight;
this.hideIt=b_hideIt; this.showIt=b_showIt; this.movey=b_movey
this.status=0;
this.swap=b_swap
if(onimage)this.onimage=onimage.src
this.offimage=offimage
if(img)this.img=this.ref.images
return this
}
function b_showIt(){this.css.visibility="visible"; this.status=1}
function b_hideIt(){this.css.visibility="hidden"; this.status=0}
function b_movey(y){this.y=y; this.css.top=this.y}
function b_swap(on){
if(this.onimage && on){
this.img.src=this.onimage
}else if(this.onimage && !on){
this.img.src=this.offimage
}
}
/********************************************************************************
Making menuobjects
********************************************************************************/
function foldoutMenuObj(name){
this.menus=new Array()
this.name=name;
this.makeStyle=fold_style
this.make=fold_make
this.construct=fold_construct
this.fold=fold
this.foldstay=fold_stay
this.foldsub=fold_sub
this.foldsubstay=fold_sub_stay
this.foldsub2=fold_sub2
this.foldsub2stay=fold_sub2_stay
this.foldsub3=fold_sub3
this.foldsub3stay=fold_sub3_stay
this.foldsub4=fold_sub4
this.foldsub4stay=fold_sub4_stay
this.placeAll=fold_placeAll;
this.menus=new Array()
this.a=0; this.b; this.c; this.d; this.e; this.f
this.initexec=''
this.opn=fold_opn;
}
/********************************************************************************
Initiating page, making objects..
********************************************************************************/
function fold_construct(){
this.container=new makeMenuObj('div'+this.name+'Cont')
this.menu=new Array()
menuheight=0;
for(i=0;i<this.menus.length;i++){
this.menu[i]=new makeMenuObj('div'+this.name+i,'div'+this.name+'Cont',this.menus[i].img,this.menus[i].offimage,this.menus[i].onimage)
this.menu[i].subs=this.menus[i].subs
this.menu[i].sub=new Array()
for(j=0;j<this.menu[i].subs;j++){
this.menu[i].sub[j]=new makeMenuObj('div'+this.name+i+"_"+j,'div'+this.name+'Cont',this.menus[i][j].img,this.menus[i][j].offimage,this.menus[i][j].onimage)
this.menu[i].sub[j].subs=this.menus[i][j].subs
this.menu[i].sub[j].sub=new Array()
for(a=0;a<this.menu[i].sub[j].subs;a++){
this.menu[i].sub[j].sub[a]=new makeMenuObj('div'+this.name+i+"_"+j+"_"+a,'div'+this.name+'Cont',this.menus[i][j][a].img,this.menus[i][j][a].offimage,this.menus[i][j][a].onimage)
this.menu[i].sub[j].sub[a].subs=this.menus[i][j][a].subs
this.menu[i].sub[j].sub[a].sub=new Array()
for(o=0;o<this.menu[i].sub[j].sub[a].subs;o++){
this.menu[i].sub[j].sub[a].sub[o]=new makeMenuObj('div'+this.name+i+"_"+j+"_"+a+"_"+o,'div'+this.name+'Cont',this.menus[i][j][a][o].img,this.menus[i][j][a][o].offimage,this.menus[i][j][a][o].onimage)
this.menu[i].sub[j].sub[a].sub[o].subs=this.menus[i][j][a][o].subs
this.menu[i].sub[j].sub[a].sub[o].sub=new Array()
for(p=0;p<this.menu[i].sub[j].sub[a].sub[o].subs;p++){
this.menu[i].sub[j].sub[a].sub[o].sub[p]=new makeMenuObj('div'+this.name+i+"_"+j+"_"+a+"_"+o+"_"+p,'div'+this.name+'Cont',this.menus[i][j][a][o][p].img,this.menus[i][j][a][o][p].offimage,this.menus[i][j][a][o][p].onimage)
this.menu[i].sub[j].sub[a].sub[o].sub[p].subs=this.menus[i][j][a][o][p].subs
this.menu[i].sub[j].sub[a].sub[o].sub[p].sub=new Array()
for(z=0;z<this.menu[i].sub[j].sub[a].sub[o].sub[p].subs;z++){
this.menu[i].sub[j].sub[a].sub[o].sub[p].sub[z]=new makeMenuObj('div'+this.name+i+"_"+j+"_"+a+"_"+o+"_"+p+"_"+z,'div'+this.name+'Cont')
}
}
}
}
}
}
this.menus=""
if(this.initexec) eval(this.initexec)
else this.placeAll()
this.container.showIt()
}
function fold_opn(a,b,c,d,e,f){
if(a>-1) this.initexec+="this.fold("+a+","+this.substay+");"
if(b>-1) this.initexec+="this.foldsub("+a+","+b+","+this.sub2stay+");"
if(c>-1) this.initexec+="this.foldsub2("+a+","+b+","+c+","+this.sub3stay+");"
if(d>-1) this.initexec+="this.foldsub3("+a+","+b+","+c+","+d+","+this.sub4stay+");"
if(e>-1) this.initexec+="this.foldsub4("+a+","+b+","+c+","+d+","+e+","+this.sub5stay+");"
if(f>-1) this.initexec+="this.foldsub5("+a+","+b+","+c+","+d+","+e+","+f+","+this.sub6stay+");"
}
/********************************************************************************
The first sub menus
********************************************************************************/
function fold_stay(a){
for(z=0;z<this.menu.length;z++){
if(z!=a) this.fold(z,1,1)
}
this.fold(a,1,0)
}
function fold(a,fromtop,noplace){
if(fromtop){
for(b=0;b<this.menu[a].subs;b++){
if(this.menu[a].sub[b].status || noplace){
this.menu[a].sub[b].hideIt()
this.menu[a].swap(0)
this.foldsub(a,b,1,1)
}else{
this.menu[a].sub[b].showIt()
this.menu[a].swap(1)
}
}
if(!noplace) this.placeAll()
}else this.foldstay(a)
}
/********************************************************************************
The second sub level menus
********************************************************************************/
function fold_sub_stay(a,b){
for(z=0;z<this.menu[a].subs;z++){
if(b!=z) this.foldsub(a,z,1,1)
}
this.foldsub(a,b,1,0)
}
function fold_sub(a,b,fromtop,noplace){
if(fromtop){
for(c=0;c<this.menu[a].sub[b].subs;c++){
if(this.menu[a].sub[b].sub[c].status || noplace){
this.menu[a].sub[b].sub[c].hideIt()
this.menu[a].sub[b].swap(0)
this.foldsub2(a,b,c,1,1)
}else{
this.menu[a].sub[b].sub[c].showIt()
this.menu[a].sub[b].swap(1)
}
}
if(!noplace) this.placeAll()
}else this.foldsubstay(a,b)
}
/********************************************************************************
The third sub level menus
********************************************************************************/
function fold_sub2_stay(a,b,c){
for(z=0;z<this.menu[a].sub[b].subs;z++){
if(c!=z) this.foldsub2(a,b,z,1,1)
}
this.foldsub2(a,b,c,1,0)
}
function fold_sub2(a,b,c,fromtop,noplace){
if(fromtop){
for(d=0;d<this.menu[a].sub[b].sub[c].subs;d++){
if(this.menu[a].sub[b].sub[c].sub[d].status || noplace){
this.menu[a].sub[b].sub[c].sub[d].hideIt()
this.menu[a].sub[b].sub[c].swap(0)
this.foldsub3(a,b,c,d,1,1)
}else{
this.menu[a].sub[b].sub[c].sub[d].showIt()
this.menu[a].sub[b].sub[c].swap(1)
}
}
if(!noplace) this.placeAll()
}else this.foldsub2stay(a,b,c)
}
/********************************************************************************
The fourth sub level menus
********************************************************************************/
function fold_sub3_stay(a,b,c,d){
for(z=0;z<this.menu[a].sub[b].sub[c].subs;z++){
if(z!=d) this.foldsub3(a,b,c,z,1,1)
}
this.foldsub3(a,b,c,d,1,0)
}
function fold_sub3(a,b,c,d,fromtop,noplace){
if(fromtop){
for(e=0;e<this.menu[a].sub[b].sub[c].sub[d].subs;e++){
if(this.menu[a].sub[b].sub[c].sub[d].sub[e].status || noplace){
this.menu[a].sub[b].sub[c].sub[d].sub[e].hideIt()
this.menu[a].sub[b].sub[c].sub[d].swap(0)
this.foldsub4(a,b,c,d,e,1,1)
}else{
this.menu[a].sub[b].sub[c].sub[d].sub[e].showIt()
this.menu[a].sub[b].sub[c].sub[d].swap(1)
}
}
if(!noplace) this.placeAll()
}else this.foldsub3stay(a,b,c,d)
}
/********************************************************************************
The fifth sub level menus
********************************************************************************/
function fold_sub4_stay(a,b,c,d,e){
for(z=0;z<this.menu[a].sub[b].sub[c].sub[d].subs;z++){
if(z!=e) this.foldsub4(a,b,c,d,z,1,1)
}
this.foldsub4(a,b,c,d,e,1,0)
}
function fold_sub4(a,b,c,d,e,fromtop,noplace){
if(fromtop){
for(f=0;f<this.menu[a].sub[b].sub[c].sub[d].sub[e].subs;f++){
if(this.menu[a].sub[b].sub[c].sub[d].sub[e].sub[f].status || noplace){
this.menu[a].sub[b].sub[c].sub[d].sub[e].sub[f].hideIt()
this.menu[a].sub[b].sub[c].sub[d].sub[e].swap(0)
}else{
this.menu[a].sub[b].sub[c].sub[d].sub[e].sub[f].showIt()
this.menu[a].sub[b].sub[c].sub[d].sub[e].swap(1)
}
}
if(!noplace) this.placeAll()
}else this.foldsub4stay(a,b,c,d,e)
}
/********************************************************************************
Placing all layers correctly
********************************************************************************/
function fold_placeAll(){
menuheight=0;
for(i=0;i<this.menu.length;i++){
this.menu[i].movey(menuheight)
menuheight+=this.menu[i].height+this.menubetween
for(j=0;j<this.menu[i].subs;j++){
this.menu[i].sub[j].movey(menuheight)
if(this.menu[i].sub[j].status) menuheight+=this.menu[i].sub[j].height+this.menubetween
for(a=0;a<this.menu[i].sub[j].subs;a++){
this.menu[i].sub[j].sub[a].movey(menuheight)
if(this.menu[i].sub[j].sub[a].status) menuheight+=this.menu[i].sub[j].sub[a].height+this.menubetween
for(o=0;o<this.menu[i].sub[j].sub[a].subs;o++){
this.menu[i].sub[j].sub[a].sub[o].movey(menuheight)
if(this.menu[i].sub[j].sub[a].sub[o].status) menuheight+=this.menu[i].sub[j].sub[a].sub[o].height+this.menubetween
for(p=0;p<this.menu[i].sub[j].sub[a].sub[o].subs;p++){
this.menu[i].sub[j].sub[a].sub[o].sub[p].movey(menuheight)
if(this.menu[i].sub[j].sub[a].sub[o].sub[p].status) menuheight+=this.menu[i].sub[j].sub[a].sub[o].sub[p].height+this.menubetween
for(z=0;z<this.menu[i].sub[j].sub[a].sub[o].sub[p].subs;z++){
this.menu[i].sub[j].sub[a].sub[o].sub[p].sub[z].movey(menuheight)
if(this.menu[i].sub[j].sub[a].sub[o].sub[p].sub[z].status) menuheight+=this.menu[i].sub[j].sub[a].sub[o].sub[p].sub[z].height+this.menubetween
}
}
}
}
}
}
}
/********************************************************************************
Functions to write out the layers...Should be moved server-side
********************************************************************************/
function fold_style(){
str='\n<style type="text/css">\n'
str+='\tDIV.cl'+this.name+'{position:absolute; '+ this.clFold +'; width:'+this.width+'; height:20}\n'
str+='\tDIV.cl'+this.name+'Sub{position:absolute; '+ this.clSub +';height:20; width:'+this.width+'; visibility:hidden}\n'
str+='\tDIV.cl'+this.name+'Sub2{position:absolute; '+ this.clSub2 +';height:20; width:'+this.width+'; visibility:hidden}\n'
str+='\tDIV.cl'+this.name+'Sub3{position:absolute; '+ this.clSub3 +';height:20; width:'+this.width+'; visibility:hidden}\n'
str+='\tDIV.cl'+this.name+'Sub4{position:absolute; '+ this.clSub4 +';height:20; width:'+this.width+'; visibility:hidden}\n'
str+='\tDIV.cl'+this.name+'Sub5{position:absolute; '+ this.clSub5 +';height:20; width:'+this.width+'; visibility:hidden}\n'
str+='\t#div'+this.name+'Cont{'+this.clCont+'; left:'+this.left+'; top:'+this.top+'; height:'+this.maxheight+'; width:'+this.width+'; visibility:hidden}\n'
str+='\tA.cl'+this.name+'Links{'+this.clFoldLinks+'}\n'
str+='\tA.cl'+this.name+'1Links{'+this.clSubLinks+'}\n'
str+='\tA.cl'+this.name+'2Links{'+this.clSub2Links+'}\n'
str+='\tA.cl'+this.name+'3Links{'+this.clSub3Links+'}\n'
str+='\tA.cl'+this.name+'4Links{'+this.clSub4Links+'}\n'
str+='\tA.cl'+this.name+'5Links{'+this.clSub5Links+'}\n'
str+='</style>\n\n\n'
document.write(str)
}
function fold_make_link(text,lnk,target,offimage,id,cl,ev,acl){
str2='\t<div id="div'+id+'" class="cl'+cl+'"><a href="'
if(lnk) str2+=lnk+'" '
else str2+='#" '
if(!lnk || target){
str2+='onclick="'+ev+'; if(bw.ie5 || bw.ie4) this.blur()'
if(!target) str2+='; return false'; str2+='"'
}
if(target) str2+=' target="'+target+'"'; str2+=' class="cl'+acl+'Links">'
if(offimage) str2+='<img src="'+offimage+'" name="img'+id+'" border="0">'
str2+=text+'</a><br></div>\n'
return str2
}
function fold_make(type,text,lnk,target,offimage,onimage,fc,opn,end){
str="" ; fc=fc?fc+'; ':'';
if(!offimage) offimage=""; if(!onimage) onimage=""
if(this.a==0) str='<div id="div'+this.name+'Cont">\n'
if(type=="top"){
id=this.name+this.a
str+=fold_make_link(text,lnk,target,offimage,this.name+this.a,this.name,fc+this.name+'.fold('+this.a+','+this.name+'.substay)',this.name)
this.menus[this.a]=new Array()
this.menus[this.a].subs=0
if(onimage){ this.menus[this.a].onimage=new Image(); this.menus[this.a].onimage.src=onimage; this.menus[this.a].offimage=offimage; this.menus[this.a].img='img'+id}
this.a++; this.b=0; if(opn) this.opn(this.a)
}else if(type=="sub"){
id=this.name+(this.a-1)+'_'+(this.b),this.name+'Sub'
str+=fold_make_link(text,lnk,target,offimage,id,this.name+'Sub',fc+this.name+'.foldsub('+(this.a-1)+','+(this.b)+','+this.name+'.sub2stay)',this.name+'1')
if(opn) this.opn(this.a-1,this.b)
this.menus[this.a-1][this.b]=new Array()
if(onimage){ this.menus[this.a-1][this.b].onimage=new Image(); this.menus[this.a-1][this.b].onimage.src=onimage; this.menus[this.a-1][this.b].offimage=offimage; this.menus[this.a-1][this.b].img='img'+id}
this.b++; this.menus[this.a-1].subs=this.b; this.c=0
}else if(type=="sub2"){
id=this.name+(this.a-1)+'_'+(this.b-1)+'_'+(this.c)
str+=fold_make_link(text,lnk,target,offimage,id,this.name+'Sub2',fc+this.name+'.foldsub2('+(this.a-1)+','+(this.b-1)+','+(this.c)+','+this.name+'.sub3stay)',this.name+'2')
if(opn) this.opn(this.a-1,this.b-1,this.c)
this.menus[this.a-1][this.b-1][this.c]=new Array()
if(onimage){ this.menus[this.a-1][this.b-1][this.c].onimage=new Image(); this.menus[this.a-1][this.b-1][this.c].onimage.src=onimage; this.menus[this.a-1][this.b-1][this.c].offimage=offimage; this.menus[this.a-1][this.b-1][this.c].img='img'+id}
this.c++; this.menus[this.a-1][this.b-1].subs=this.c; this.d=0
}else if(type=="sub3"){
id=this.name+(this.a-1)+'_'+(this.b-1)+'_'+(this.c-1)+'_'+(this.d)
str+=fold_make_link(text,lnk,target,offimage,id,this.name+'Sub3',fc+this.name+'.foldsub3('+(this.a-1)+','+(this.b-1)+','+(this.c-1)+','+this.d+','+this.name+'.sub4stay)',this.name+'3')
if(opn) this.opn(this.a-1,this.b-1,this.c-1,this.d)
this.menus[this.a-1][this.b-1][this.c-1][this.d]=new Array()
if(onimage){ this.menus[this.a-1][this.b-1][this.c-1][this.d].onimage=new Image(); this.menus[this.a-1][this.b-1][this.c-1][this.d].onimage.src=onimage; this.menus[this.a-1][this.b-1][this.c-1][this.d].offimage=offimage; this.menus[this.a-1][this.b-1][this.c-1][this.d].img='img'+id}
this.d++; this.menus[this.a-1][this.b-1][this.c-1].subs=this.d; this.e=0
}else if(type=="sub4"){
id=this.name+(this.a-1)+'_'+(this.b-1)+'_'+(this.c-1)+'_'+(this.d-1)+'_'+(this.e)
str+=fold_make_link(text,lnk,target,offimage,id,this.name+'Sub4',fc+this.name+'.foldsub4('+(this.a-1)+','+(this.b-1)+','+(this.c-1)+','+(this.d-1)+','+this.e+','+this.name+'.sub5stay)',this.name+'4')
if(opn) this.opn(this.a-1,this.b-1,this.c-1,this.d-1,this.e)
this.menus[this.a-1][this.b-1][this.c-1][this.d-1][this.e]=new Array()
if(onimage){ this.menus[this.a-1][this.b-1][this.c-1][this.d-1][this.e].onimage=new Image(); this.menus[this.a-1][this.b-1][this.c-1][this.d-1][this.e].onimage.src=onimage; this.menus[this.a-1][this.b-1][this.c-1][this.d-1][this.e].offimage=offimage; this.menus[this.a-1][this.b-1][this.c-1][this.d-1][this.e].img='img'+id}
this.e++; this.menus[this.a-1][this.b-1][this.c-1][this.d-1].subs=this.e; this.f=0
}else if(type=="sub5"){
str+='\t\t\t<div id="div'+this.name+(this.a-1)+'_'+(this.b-1)+'_'+(this.c-1)+'_'+(this.d-1)+'_'+(this.e-1)+'_'+(this.f)+'" class="cl'+this.name+'Sub5"><a href="'+lnk+'" onclick="'+fc+'" class="cl'+this.name+'5Links"'
if(target) str+=' target="+target+"'
str+='>'+text+'</a><br></div>\n'
if(opn) this.opn(this.a-1,this.b-1,this.c-1,this.d-1,this.e-1,this.f)
this.f++; this.menus[this.a-1][this.b-1][this.c-1][this.d-1][this.e-1].subs=this.f
}
if(end) str+="</div>"
document.write(str)
}
</script>
</HEAD>
<BODY bgcolor="White">
<script type="text/javascript" language="JavaScript">
/********************************************************************************
Calling the write functions and setting variables
********************************************************************************/
//Variables to set
oFoldMenu=new foldoutMenuObj('oFoldMenu')
oFoldMenu.substay=false //Should the sub menus stay folded?
oFoldMenu.sub2stay=false //Should the sub2 menus stay folded?
oFoldMenu.sub3stay=false //Should the sub3 menus stay folded?
oFoldMenu.sub4stay=false //Should the sub4 menus stay folded?
oFoldMenu.sub5stay=false //Should the sub5 menus stay folded?
oFoldMenu.sub6stay=false //Should the sub6 menus stay folded?
oFoldMenu.menubetween=5 //The pixel value between the foldoutmenus
oFoldMenu.left=100 //The left position of the menu
oFoldMenu.top=260 //The top position of the menu
oFoldMenu.width=500 //The width of the menu
oFoldMenu.maxheight=600 //The maxheight of the menu, be sure to set this one high enough
//Setting styles
oFoldMenu.clFold="" //Regular styles for the topDivs
oFoldMenu.clSub="left:10" //Styles for the subDivs
oFoldMenu.clSub2="left:20" //Styles for the sub2Divs
oFoldMenu.clSub3="left:30" //Styles for the sub3Divs
oFoldMenu.clSub4="left:40" //Styles for the sub4Divs
oFoldMenu.clSub5="left:60" //Styles for the sub5Divs
oFoldMenu.clCont="position:absolute;" //The cont layer, set position to relative if you want to try and have it inside a layer or whatever
oFoldMenu.clFoldLinks="font-family:Arial, Helvetica; font-size:15px; text-decoration:none; font-weight:bold; color:black" //The style for the toplinks
oFoldMenu.clSubLinks="font-family:Arial, Helvetica; font-size:13px; font-weight:bold; text-decoration:none; color:black" //The style for the sublinks
oFoldMenu.clSub2Links="font-family:Arial, Helvetica; font-size:12px; text-decoration:none; color:Black" //The style for the sub2links
oFoldMenu.clSub3Links="font-family:Arial, Helvetica; font-size:11px; text-decoration:none; color:Black" //The style for the sub3links
oFoldMenu.clSub4Links="font-family:Arial, Helvetica; font-size:10px; text-decoration:none; color:Black" //The style for the sub4links
oFoldMenu.clSub5Links="font-family:Arial, Helvetica; font-size:10px; text-decoration:none; color:Black" //The style for the sub5links
//Do not change this line!
oFoldMenu.makeStyle()
//Making menus
/*ARGUMENTS:
type = what type of menu this item is (top,sub,sub2,sub3,sub4,sub5)
text = the text for the item
lnk = the link for the item (not needed if submenus)
target = the target for the link (not needed if no target or no link)
offimage = the default "arrow" image for this element (if you spesify no text, you can use the image only)
onimage = the image to swap to when clicked (not needed if you don't want a swap image)
fc = if you want the item to execute another javascript function aswell use this
opn = if you want this particilar item to be opened on load set this to 1 (0,1)
*/
//MAIN 1
oFoldMenu.make('top','[URL unfurl="true"]www.bratta.com',0,0,'images/arrow.gif','images/arrow1.gif')[/URL]
oFoldMenu.make('sub','About',0,0,'images/arrow.gif','images/arrow1.gif')
oFoldMenu.make('sub2','About me','[URL unfurl="true"]http://www.bratta.com/about.html','','images/square.gif')[/URL]
oFoldMenu.make('sub2','Portfolio','[URL unfurl="true"]http://www.bratta.com/portfolio.asp','','images/square.gif')[/URL]
oFoldMenu.make('sub','Scriptomania',0,0,'images/arrow.gif','images/arrow1.gif')
oFoldMenu.make('sub2','Scripts',0,0,'images/arrow.gif','images/arrow1.gif')
oFoldMenu.make('sub3','ZoomText','[URL unfurl="true"]http://www.bratta.com/scripts/list.asp',0,'images/square.gif')[/URL]
oFoldMenu.make('sub2','Demos','[URL unfurl="true"]http://www.bratta.com/dhtml/demos/list.asp','','images/square.gif')[/URL]
oFoldMenu.make('sub2','Tutorials','[URL unfurl="true"]http://www.bratta.com/dhtml/howtos/list.asp','','images/square.gif')[/URL]
oFoldMenu.make('sub2','Support','[URL unfurl="true"]http://www.bratta.com/dhtml/support/','','images/square.gif')[/URL]
oFoldMenu.make('sub','DHTML','[URL unfurl="true"]http://www.bratta.com/dhtml/',0,'images/square.gif')[/URL]
//MAIN 2
oFoldMenu.make('top','Yahoo.com',0,0,'images/arrow.gif','images/arrow1.gif')
oFoldMenu.make('sub','Arts & Humanities',0,0,'images/arrow.gif','images/arrow1.gif')
oFoldMenu.make('sub2','Art History',0,0,'images/arrow.gif','images/arrow1.gif')
oFoldMenu.make('sub3','Architectural History',0,0,'images/arrow.gif','images/arrow1.gif')
oFoldMenu.make('sub4','Architects',0,0,'images/arrow.gif','images/arrow1.gif')
oFoldMenu.make('sub5','Link 1','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub5','Link 2','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub5','Link 3','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub5','Link 4','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub4','Archives',0,0,'images/arrow.gif','images/arrow1.gif')
oFoldMenu.make('sub5','Link 1','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub5','Link 2','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub5','Link 3','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub5','Link 4','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub4','Bauhaus',0,0,'images/arrow.gif','images/arrow1.gif')
oFoldMenu.make('sub5','Link 1','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub5','Link 2','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub5','Link 3','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub5','Link 4','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub4','Googie',0,0,'images/arrow.gif','images/arrow1.gif')
oFoldMenu.make('sub5','Link 1','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub5','Link 2','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub5','Link 3','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub5','Link 4','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub4','Medieval',0,0,'images/arrow.gif','images/arrow1.gif')
oFoldMenu.make('sub5','Link 1','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub5','Link 2','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub5','Link 3','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub5','Link 4','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub3','Art Historians','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub3','Artists','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub3','Bibliographies','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub3','Books','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub2','Arts Therapy','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub2','Awards','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub2','Booksellers','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub2','Censorship','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub2','Chats and Forums',0,0,0,0,0,0,1)
oFoldMenu.construct()
</script>
<div STYLE="position:absolute; top:50; left:200">
YOUR REGULAR BODY CONTENT GOES IN HERE
</div>
</BODY>
</HTML>
<html>
<head>
<title>Cross-browser Dynamic HTML Scripts - Foldoutmenu3</title>
<style type="text/css">
</style>
<script type="text/javascript" language="JavaScript">
/********************************************************************************
Copyright (C) 1999 Thomas Brattli
This script is made by and copyrighted to Thomas Brattli at Visit for more great scripts. This may be used freely as long as this msg is intact!
I will also appriciate any links you could give me.
********************************************************************************/
//Default browsercheck, added to all scripts!
function checkBrowser(){
this.ver=navigator.appVersion
this.dom=document.getElementById?1:0
this.ie5=(this.ver.indexOf("MSIE 5"
>-1 && this.dom)?1:0;this.ie4=(document.all && !this.dom)?1:0;
this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
this.ns4=(document.layers && !this.dom)?1:0;
this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)
return this
}
bw=new checkBrowser()
/************************************************************************************
Making cross-browser objects
************************************************************************************/
function makeMenuObj(obj,nest,img,offimage,onimage){
nest=(!nest) ? '':'document.'+nest+'.'
this.css=bw.dom? document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+"document.layers." +obj):0;
this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0;
this.ref=bw.dom || bw.ie4? document:bw.ns4?this.css.document:0;
this.x=(bw.ns4 || bw.ns5)? this.css.left:this.css.offsetLeft;
this.y=(bw.ns4 || bw.ns5)? this.css.top:this.css.offsetTop;
this.height=bw.ns4?this.ref.height:this.el.offsetHeight;
this.hideIt=b_hideIt; this.showIt=b_showIt; this.movey=b_movey
this.status=0;
this.swap=b_swap
if(onimage)this.onimage=onimage.src
this.offimage=offimage
if(img)this.img=this.ref.images
return this
}
function b_showIt(){this.css.visibility="visible"; this.status=1}
function b_hideIt(){this.css.visibility="hidden"; this.status=0}
function b_movey(y){this.y=y; this.css.top=this.y}
function b_swap(on){
if(this.onimage && on){
this.img.src=this.onimage
}else if(this.onimage && !on){
this.img.src=this.offimage
}
}
/********************************************************************************
Making menuobjects
********************************************************************************/
function foldoutMenuObj(name){
this.menus=new Array()
this.name=name;
this.makeStyle=fold_style
this.make=fold_make
this.construct=fold_construct
this.fold=fold
this.foldstay=fold_stay
this.foldsub=fold_sub
this.foldsubstay=fold_sub_stay
this.foldsub2=fold_sub2
this.foldsub2stay=fold_sub2_stay
this.foldsub3=fold_sub3
this.foldsub3stay=fold_sub3_stay
this.foldsub4=fold_sub4
this.foldsub4stay=fold_sub4_stay
this.placeAll=fold_placeAll;
this.menus=new Array()
this.a=0; this.b; this.c; this.d; this.e; this.f
this.initexec=''
this.opn=fold_opn;
}
/********************************************************************************
Initiating page, making objects..
********************************************************************************/
function fold_construct(){
this.container=new makeMenuObj('div'+this.name+'Cont')
this.menu=new Array()
menuheight=0;
for(i=0;i<this.menus.length;i++){
this.menu[i]=new makeMenuObj('div'+this.name+i,'div'+this.name+'Cont',this.menus[i].img,this.menus[i].offimage,this.menus[i].onimage)
this.menu[i].subs=this.menus[i].subs
this.menu[i].sub=new Array()
for(j=0;j<this.menu[i].subs;j++){
this.menu[i].sub[j]=new makeMenuObj('div'+this.name+i+"_"+j,'div'+this.name+'Cont',this.menus[i][j].img,this.menus[i][j].offimage,this.menus[i][j].onimage)
this.menu[i].sub[j].subs=this.menus[i][j].subs
this.menu[i].sub[j].sub=new Array()
for(a=0;a<this.menu[i].sub[j].subs;a++){
this.menu[i].sub[j].sub[a]=new makeMenuObj('div'+this.name+i+"_"+j+"_"+a,'div'+this.name+'Cont',this.menus[i][j][a].img,this.menus[i][j][a].offimage,this.menus[i][j][a].onimage)
this.menu[i].sub[j].sub[a].subs=this.menus[i][j][a].subs
this.menu[i].sub[j].sub[a].sub=new Array()
for(o=0;o<this.menu[i].sub[j].sub[a].subs;o++){
this.menu[i].sub[j].sub[a].sub[o]=new makeMenuObj('div'+this.name+i+"_"+j+"_"+a+"_"+o,'div'+this.name+'Cont',this.menus[i][j][a][o].img,this.menus[i][j][a][o].offimage,this.menus[i][j][a][o].onimage)
this.menu[i].sub[j].sub[a].sub[o].subs=this.menus[i][j][a][o].subs
this.menu[i].sub[j].sub[a].sub[o].sub=new Array()
for(p=0;p<this.menu[i].sub[j].sub[a].sub[o].subs;p++){
this.menu[i].sub[j].sub[a].sub[o].sub[p]=new makeMenuObj('div'+this.name+i+"_"+j+"_"+a+"_"+o+"_"+p,'div'+this.name+'Cont',this.menus[i][j][a][o][p].img,this.menus[i][j][a][o][p].offimage,this.menus[i][j][a][o][p].onimage)
this.menu[i].sub[j].sub[a].sub[o].sub[p].subs=this.menus[i][j][a][o][p].subs
this.menu[i].sub[j].sub[a].sub[o].sub[p].sub=new Array()
for(z=0;z<this.menu[i].sub[j].sub[a].sub[o].sub[p].subs;z++){
this.menu[i].sub[j].sub[a].sub[o].sub[p].sub[z]=new makeMenuObj('div'+this.name+i+"_"+j+"_"+a+"_"+o+"_"+p+"_"+z,'div'+this.name+'Cont')
}
}
}
}
}
}
this.menus=""
if(this.initexec) eval(this.initexec)
else this.placeAll()
this.container.showIt()
}
function fold_opn(a,b,c,d,e,f){
if(a>-1) this.initexec+="this.fold("+a+","+this.substay+");"
if(b>-1) this.initexec+="this.foldsub("+a+","+b+","+this.sub2stay+");"
if(c>-1) this.initexec+="this.foldsub2("+a+","+b+","+c+","+this.sub3stay+");"
if(d>-1) this.initexec+="this.foldsub3("+a+","+b+","+c+","+d+","+this.sub4stay+");"
if(e>-1) this.initexec+="this.foldsub4("+a+","+b+","+c+","+d+","+e+","+this.sub5stay+");"
if(f>-1) this.initexec+="this.foldsub5("+a+","+b+","+c+","+d+","+e+","+f+","+this.sub6stay+");"
}
/********************************************************************************
The first sub menus
********************************************************************************/
function fold_stay(a){
for(z=0;z<this.menu.length;z++){
if(z!=a) this.fold(z,1,1)
}
this.fold(a,1,0)
}
function fold(a,fromtop,noplace){
if(fromtop){
for(b=0;b<this.menu[a].subs;b++){
if(this.menu[a].sub[b].status || noplace){
this.menu[a].sub[b].hideIt()
this.menu[a].swap(0)
this.foldsub(a,b,1,1)
}else{
this.menu[a].sub[b].showIt()
this.menu[a].swap(1)
}
}
if(!noplace) this.placeAll()
}else this.foldstay(a)
}
/********************************************************************************
The second sub level menus
********************************************************************************/
function fold_sub_stay(a,b){
for(z=0;z<this.menu[a].subs;z++){
if(b!=z) this.foldsub(a,z,1,1)
}
this.foldsub(a,b,1,0)
}
function fold_sub(a,b,fromtop,noplace){
if(fromtop){
for(c=0;c<this.menu[a].sub[b].subs;c++){
if(this.menu[a].sub[b].sub[c].status || noplace){
this.menu[a].sub[b].sub[c].hideIt()
this.menu[a].sub[b].swap(0)
this.foldsub2(a,b,c,1,1)
}else{
this.menu[a].sub[b].sub[c].showIt()
this.menu[a].sub[b].swap(1)
}
}
if(!noplace) this.placeAll()
}else this.foldsubstay(a,b)
}
/********************************************************************************
The third sub level menus
********************************************************************************/
function fold_sub2_stay(a,b,c){
for(z=0;z<this.menu[a].sub[b].subs;z++){
if(c!=z) this.foldsub2(a,b,z,1,1)
}
this.foldsub2(a,b,c,1,0)
}
function fold_sub2(a,b,c,fromtop,noplace){
if(fromtop){
for(d=0;d<this.menu[a].sub[b].sub[c].subs;d++){
if(this.menu[a].sub[b].sub[c].sub[d].status || noplace){
this.menu[a].sub[b].sub[c].sub[d].hideIt()
this.menu[a].sub[b].sub[c].swap(0)
this.foldsub3(a,b,c,d,1,1)
}else{
this.menu[a].sub[b].sub[c].sub[d].showIt()
this.menu[a].sub[b].sub[c].swap(1)
}
}
if(!noplace) this.placeAll()
}else this.foldsub2stay(a,b,c)
}
/********************************************************************************
The fourth sub level menus
********************************************************************************/
function fold_sub3_stay(a,b,c,d){
for(z=0;z<this.menu[a].sub[b].sub[c].subs;z++){
if(z!=d) this.foldsub3(a,b,c,z,1,1)
}
this.foldsub3(a,b,c,d,1,0)
}
function fold_sub3(a,b,c,d,fromtop,noplace){
if(fromtop){
for(e=0;e<this.menu[a].sub[b].sub[c].sub[d].subs;e++){
if(this.menu[a].sub[b].sub[c].sub[d].sub[e].status || noplace){
this.menu[a].sub[b].sub[c].sub[d].sub[e].hideIt()
this.menu[a].sub[b].sub[c].sub[d].swap(0)
this.foldsub4(a,b,c,d,e,1,1)
}else{
this.menu[a].sub[b].sub[c].sub[d].sub[e].showIt()
this.menu[a].sub[b].sub[c].sub[d].swap(1)
}
}
if(!noplace) this.placeAll()
}else this.foldsub3stay(a,b,c,d)
}
/********************************************************************************
The fifth sub level menus
********************************************************************************/
function fold_sub4_stay(a,b,c,d,e){
for(z=0;z<this.menu[a].sub[b].sub[c].sub[d].subs;z++){
if(z!=e) this.foldsub4(a,b,c,d,z,1,1)
}
this.foldsub4(a,b,c,d,e,1,0)
}
function fold_sub4(a,b,c,d,e,fromtop,noplace){
if(fromtop){
for(f=0;f<this.menu[a].sub[b].sub[c].sub[d].sub[e].subs;f++){
if(this.menu[a].sub[b].sub[c].sub[d].sub[e].sub[f].status || noplace){
this.menu[a].sub[b].sub[c].sub[d].sub[e].sub[f].hideIt()
this.menu[a].sub[b].sub[c].sub[d].sub[e].swap(0)
}else{
this.menu[a].sub[b].sub[c].sub[d].sub[e].sub[f].showIt()
this.menu[a].sub[b].sub[c].sub[d].sub[e].swap(1)
}
}
if(!noplace) this.placeAll()
}else this.foldsub4stay(a,b,c,d,e)
}
/********************************************************************************
Placing all layers correctly
********************************************************************************/
function fold_placeAll(){
menuheight=0;
for(i=0;i<this.menu.length;i++){
this.menu[i].movey(menuheight)
menuheight+=this.menu[i].height+this.menubetween
for(j=0;j<this.menu[i].subs;j++){
this.menu[i].sub[j].movey(menuheight)
if(this.menu[i].sub[j].status) menuheight+=this.menu[i].sub[j].height+this.menubetween
for(a=0;a<this.menu[i].sub[j].subs;a++){
this.menu[i].sub[j].sub[a].movey(menuheight)
if(this.menu[i].sub[j].sub[a].status) menuheight+=this.menu[i].sub[j].sub[a].height+this.menubetween
for(o=0;o<this.menu[i].sub[j].sub[a].subs;o++){
this.menu[i].sub[j].sub[a].sub[o].movey(menuheight)
if(this.menu[i].sub[j].sub[a].sub[o].status) menuheight+=this.menu[i].sub[j].sub[a].sub[o].height+this.menubetween
for(p=0;p<this.menu[i].sub[j].sub[a].sub[o].subs;p++){
this.menu[i].sub[j].sub[a].sub[o].sub[p].movey(menuheight)
if(this.menu[i].sub[j].sub[a].sub[o].sub[p].status) menuheight+=this.menu[i].sub[j].sub[a].sub[o].sub[p].height+this.menubetween
for(z=0;z<this.menu[i].sub[j].sub[a].sub[o].sub[p].subs;z++){
this.menu[i].sub[j].sub[a].sub[o].sub[p].sub[z].movey(menuheight)
if(this.menu[i].sub[j].sub[a].sub[o].sub[p].sub[z].status) menuheight+=this.menu[i].sub[j].sub[a].sub[o].sub[p].sub[z].height+this.menubetween
}
}
}
}
}
}
}
/********************************************************************************
Functions to write out the layers...Should be moved server-side
********************************************************************************/
function fold_style(){
str='\n<style type="text/css">\n'
str+='\tDIV.cl'+this.name+'{position:absolute; '+ this.clFold +'; width:'+this.width+'; height:20}\n'
str+='\tDIV.cl'+this.name+'Sub{position:absolute; '+ this.clSub +';height:20; width:'+this.width+'; visibility:hidden}\n'
str+='\tDIV.cl'+this.name+'Sub2{position:absolute; '+ this.clSub2 +';height:20; width:'+this.width+'; visibility:hidden}\n'
str+='\tDIV.cl'+this.name+'Sub3{position:absolute; '+ this.clSub3 +';height:20; width:'+this.width+'; visibility:hidden}\n'
str+='\tDIV.cl'+this.name+'Sub4{position:absolute; '+ this.clSub4 +';height:20; width:'+this.width+'; visibility:hidden}\n'
str+='\tDIV.cl'+this.name+'Sub5{position:absolute; '+ this.clSub5 +';height:20; width:'+this.width+'; visibility:hidden}\n'
str+='\t#div'+this.name+'Cont{'+this.clCont+'; left:'+this.left+'; top:'+this.top+'; height:'+this.maxheight+'; width:'+this.width+'; visibility:hidden}\n'
str+='\tA.cl'+this.name+'Links{'+this.clFoldLinks+'}\n'
str+='\tA.cl'+this.name+'1Links{'+this.clSubLinks+'}\n'
str+='\tA.cl'+this.name+'2Links{'+this.clSub2Links+'}\n'
str+='\tA.cl'+this.name+'3Links{'+this.clSub3Links+'}\n'
str+='\tA.cl'+this.name+'4Links{'+this.clSub4Links+'}\n'
str+='\tA.cl'+this.name+'5Links{'+this.clSub5Links+'}\n'
str+='</style>\n\n\n'
document.write(str)
}
function fold_make_link(text,lnk,target,offimage,id,cl,ev,acl){
str2='\t<div id="div'+id+'" class="cl'+cl+'"><a href="'
if(lnk) str2+=lnk+'" '
else str2+='#" '
if(!lnk || target){
str2+='onclick="'+ev+'; if(bw.ie5 || bw.ie4) this.blur()'
if(!target) str2+='; return false'; str2+='"'
}
if(target) str2+=' target="'+target+'"'; str2+=' class="cl'+acl+'Links">'
if(offimage) str2+='<img src="'+offimage+'" name="img'+id+'" border="0">'
str2+=text+'</a><br></div>\n'
return str2
}
function fold_make(type,text,lnk,target,offimage,onimage,fc,opn,end){
str="" ; fc=fc?fc+'; ':'';
if(!offimage) offimage=""; if(!onimage) onimage=""
if(this.a==0) str='<div id="div'+this.name+'Cont">\n'
if(type=="top"){
id=this.name+this.a
str+=fold_make_link(text,lnk,target,offimage,this.name+this.a,this.name,fc+this.name+'.fold('+this.a+','+this.name+'.substay)',this.name)
this.menus[this.a]=new Array()
this.menus[this.a].subs=0
if(onimage){ this.menus[this.a].onimage=new Image(); this.menus[this.a].onimage.src=onimage; this.menus[this.a].offimage=offimage; this.menus[this.a].img='img'+id}
this.a++; this.b=0; if(opn) this.opn(this.a)
}else if(type=="sub"){
id=this.name+(this.a-1)+'_'+(this.b),this.name+'Sub'
str+=fold_make_link(text,lnk,target,offimage,id,this.name+'Sub',fc+this.name+'.foldsub('+(this.a-1)+','+(this.b)+','+this.name+'.sub2stay)',this.name+'1')
if(opn) this.opn(this.a-1,this.b)
this.menus[this.a-1][this.b]=new Array()
if(onimage){ this.menus[this.a-1][this.b].onimage=new Image(); this.menus[this.a-1][this.b].onimage.src=onimage; this.menus[this.a-1][this.b].offimage=offimage; this.menus[this.a-1][this.b].img='img'+id}
this.b++; this.menus[this.a-1].subs=this.b; this.c=0
}else if(type=="sub2"){
id=this.name+(this.a-1)+'_'+(this.b-1)+'_'+(this.c)
str+=fold_make_link(text,lnk,target,offimage,id,this.name+'Sub2',fc+this.name+'.foldsub2('+(this.a-1)+','+(this.b-1)+','+(this.c)+','+this.name+'.sub3stay)',this.name+'2')
if(opn) this.opn(this.a-1,this.b-1,this.c)
this.menus[this.a-1][this.b-1][this.c]=new Array()
if(onimage){ this.menus[this.a-1][this.b-1][this.c].onimage=new Image(); this.menus[this.a-1][this.b-1][this.c].onimage.src=onimage; this.menus[this.a-1][this.b-1][this.c].offimage=offimage; this.menus[this.a-1][this.b-1][this.c].img='img'+id}
this.c++; this.menus[this.a-1][this.b-1].subs=this.c; this.d=0
}else if(type=="sub3"){
id=this.name+(this.a-1)+'_'+(this.b-1)+'_'+(this.c-1)+'_'+(this.d)
str+=fold_make_link(text,lnk,target,offimage,id,this.name+'Sub3',fc+this.name+'.foldsub3('+(this.a-1)+','+(this.b-1)+','+(this.c-1)+','+this.d+','+this.name+'.sub4stay)',this.name+'3')
if(opn) this.opn(this.a-1,this.b-1,this.c-1,this.d)
this.menus[this.a-1][this.b-1][this.c-1][this.d]=new Array()
if(onimage){ this.menus[this.a-1][this.b-1][this.c-1][this.d].onimage=new Image(); this.menus[this.a-1][this.b-1][this.c-1][this.d].onimage.src=onimage; this.menus[this.a-1][this.b-1][this.c-1][this.d].offimage=offimage; this.menus[this.a-1][this.b-1][this.c-1][this.d].img='img'+id}
this.d++; this.menus[this.a-1][this.b-1][this.c-1].subs=this.d; this.e=0
}else if(type=="sub4"){
id=this.name+(this.a-1)+'_'+(this.b-1)+'_'+(this.c-1)+'_'+(this.d-1)+'_'+(this.e)
str+=fold_make_link(text,lnk,target,offimage,id,this.name+'Sub4',fc+this.name+'.foldsub4('+(this.a-1)+','+(this.b-1)+','+(this.c-1)+','+(this.d-1)+','+this.e+','+this.name+'.sub5stay)',this.name+'4')
if(opn) this.opn(this.a-1,this.b-1,this.c-1,this.d-1,this.e)
this.menus[this.a-1][this.b-1][this.c-1][this.d-1][this.e]=new Array()
if(onimage){ this.menus[this.a-1][this.b-1][this.c-1][this.d-1][this.e].onimage=new Image(); this.menus[this.a-1][this.b-1][this.c-1][this.d-1][this.e].onimage.src=onimage; this.menus[this.a-1][this.b-1][this.c-1][this.d-1][this.e].offimage=offimage; this.menus[this.a-1][this.b-1][this.c-1][this.d-1][this.e].img='img'+id}
this.e++; this.menus[this.a-1][this.b-1][this.c-1][this.d-1].subs=this.e; this.f=0
}else if(type=="sub5"){
str+='\t\t\t<div id="div'+this.name+(this.a-1)+'_'+(this.b-1)+'_'+(this.c-1)+'_'+(this.d-1)+'_'+(this.e-1)+'_'+(this.f)+'" class="cl'+this.name+'Sub5"><a href="'+lnk+'" onclick="'+fc+'" class="cl'+this.name+'5Links"'
if(target) str+=' target="+target+"'
str+='>'+text+'</a><br></div>\n'
if(opn) this.opn(this.a-1,this.b-1,this.c-1,this.d-1,this.e-1,this.f)
this.f++; this.menus[this.a-1][this.b-1][this.c-1][this.d-1][this.e-1].subs=this.f
}
if(end) str+="</div>"
document.write(str)
}
</script>
</HEAD>
<BODY bgcolor="White">
<script type="text/javascript" language="JavaScript">
/********************************************************************************
Calling the write functions and setting variables
********************************************************************************/
//Variables to set
oFoldMenu=new foldoutMenuObj('oFoldMenu')
oFoldMenu.substay=false //Should the sub menus stay folded?
oFoldMenu.sub2stay=false //Should the sub2 menus stay folded?
oFoldMenu.sub3stay=false //Should the sub3 menus stay folded?
oFoldMenu.sub4stay=false //Should the sub4 menus stay folded?
oFoldMenu.sub5stay=false //Should the sub5 menus stay folded?
oFoldMenu.sub6stay=false //Should the sub6 menus stay folded?
oFoldMenu.menubetween=5 //The pixel value between the foldoutmenus
oFoldMenu.left=100 //The left position of the menu
oFoldMenu.top=260 //The top position of the menu
oFoldMenu.width=500 //The width of the menu
oFoldMenu.maxheight=600 //The maxheight of the menu, be sure to set this one high enough
//Setting styles
oFoldMenu.clFold="" //Regular styles for the topDivs
oFoldMenu.clSub="left:10" //Styles for the subDivs
oFoldMenu.clSub2="left:20" //Styles for the sub2Divs
oFoldMenu.clSub3="left:30" //Styles for the sub3Divs
oFoldMenu.clSub4="left:40" //Styles for the sub4Divs
oFoldMenu.clSub5="left:60" //Styles for the sub5Divs
oFoldMenu.clCont="position:absolute;" //The cont layer, set position to relative if you want to try and have it inside a layer or whatever
oFoldMenu.clFoldLinks="font-family:Arial, Helvetica; font-size:15px; text-decoration:none; font-weight:bold; color:black" //The style for the toplinks
oFoldMenu.clSubLinks="font-family:Arial, Helvetica; font-size:13px; font-weight:bold; text-decoration:none; color:black" //The style for the sublinks
oFoldMenu.clSub2Links="font-family:Arial, Helvetica; font-size:12px; text-decoration:none; color:Black" //The style for the sub2links
oFoldMenu.clSub3Links="font-family:Arial, Helvetica; font-size:11px; text-decoration:none; color:Black" //The style for the sub3links
oFoldMenu.clSub4Links="font-family:Arial, Helvetica; font-size:10px; text-decoration:none; color:Black" //The style for the sub4links
oFoldMenu.clSub5Links="font-family:Arial, Helvetica; font-size:10px; text-decoration:none; color:Black" //The style for the sub5links
//Do not change this line!
oFoldMenu.makeStyle()
//Making menus
/*ARGUMENTS:
type = what type of menu this item is (top,sub,sub2,sub3,sub4,sub5)
text = the text for the item
lnk = the link for the item (not needed if submenus)
target = the target for the link (not needed if no target or no link)
offimage = the default "arrow" image for this element (if you spesify no text, you can use the image only)
onimage = the image to swap to when clicked (not needed if you don't want a swap image)
fc = if you want the item to execute another javascript function aswell use this
opn = if you want this particilar item to be opened on load set this to 1 (0,1)
*/
//MAIN 1
oFoldMenu.make('top','[URL unfurl="true"]www.bratta.com',0,0,'images/arrow.gif','images/arrow1.gif')[/URL]
oFoldMenu.make('sub','About',0,0,'images/arrow.gif','images/arrow1.gif')
oFoldMenu.make('sub2','About me','[URL unfurl="true"]http://www.bratta.com/about.html','','images/square.gif')[/URL]
oFoldMenu.make('sub2','Portfolio','[URL unfurl="true"]http://www.bratta.com/portfolio.asp','','images/square.gif')[/URL]
oFoldMenu.make('sub','Scriptomania',0,0,'images/arrow.gif','images/arrow1.gif')
oFoldMenu.make('sub2','Scripts',0,0,'images/arrow.gif','images/arrow1.gif')
oFoldMenu.make('sub3','ZoomText','[URL unfurl="true"]http://www.bratta.com/scripts/list.asp',0,'images/square.gif')[/URL]
oFoldMenu.make('sub2','Demos','[URL unfurl="true"]http://www.bratta.com/dhtml/demos/list.asp','','images/square.gif')[/URL]
oFoldMenu.make('sub2','Tutorials','[URL unfurl="true"]http://www.bratta.com/dhtml/howtos/list.asp','','images/square.gif')[/URL]
oFoldMenu.make('sub2','Support','[URL unfurl="true"]http://www.bratta.com/dhtml/support/','','images/square.gif')[/URL]
oFoldMenu.make('sub','DHTML','[URL unfurl="true"]http://www.bratta.com/dhtml/',0,'images/square.gif')[/URL]
//MAIN 2
oFoldMenu.make('top','Yahoo.com',0,0,'images/arrow.gif','images/arrow1.gif')
oFoldMenu.make('sub','Arts & Humanities',0,0,'images/arrow.gif','images/arrow1.gif')
oFoldMenu.make('sub2','Art History',0,0,'images/arrow.gif','images/arrow1.gif')
oFoldMenu.make('sub3','Architectural History',0,0,'images/arrow.gif','images/arrow1.gif')
oFoldMenu.make('sub4','Architects',0,0,'images/arrow.gif','images/arrow1.gif')
oFoldMenu.make('sub5','Link 1','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub5','Link 2','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub5','Link 3','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub5','Link 4','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub4','Archives',0,0,'images/arrow.gif','images/arrow1.gif')
oFoldMenu.make('sub5','Link 1','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub5','Link 2','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub5','Link 3','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub5','Link 4','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub4','Bauhaus',0,0,'images/arrow.gif','images/arrow1.gif')
oFoldMenu.make('sub5','Link 1','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub5','Link 2','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub5','Link 3','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub5','Link 4','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub4','Googie',0,0,'images/arrow.gif','images/arrow1.gif')
oFoldMenu.make('sub5','Link 1','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub5','Link 2','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub5','Link 3','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub5','Link 4','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub4','Medieval',0,0,'images/arrow.gif','images/arrow1.gif')
oFoldMenu.make('sub5','Link 1','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub5','Link 2','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub5','Link 3','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub5','Link 4','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub3','Art Historians','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub3','Artists','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub3','Bibliographies','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub3','Books','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub2','Arts Therapy','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub2','Awards','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub2','Booksellers','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub2','Censorship','[URL unfurl="true"]http://www.bratta.com','_blank')[/URL]
oFoldMenu.make('sub2','Chats and Forums',0,0,0,0,0,0,1)
oFoldMenu.construct()
</script>
<div STYLE="position:absolute; top:50; left:200">
YOUR REGULAR BODY CONTENT GOES IN HERE
</div>
</BODY>
</HTML>
- Status
Similar threads
- Locked
- Question