Only1Joe88
06-15-2003, 09:01 PM
Yeah I'm back. I 'm having some trouble with this code. The site I am working on is http://xww.jsites.net/newlay.html THis is the code I have going....
In the Head Section...
<script language="JavaScript1.2">
//Drop down menu link- © Dynamic Drive (www.dynamicdrive.com)
//For full source code and 100's more DHTML scripts, visit http://www.dynamicdrive.com
//Credit MUST stay intact for use
//Contents for menu 1
var menu1=new Array()
menu1[0]='<a href=http://xww.jsites.net/index.html>Main</a><br>'
menu1[1]='<a href=http://xww.jsites.net/frontdesk/staff.html>Staff</a><br>'
menu1[2]='<a href=http://xww.jsites.net/frontdesk/samplerps.html>Sample RP's</a><br>'
menu1[3]='<a href=http://xww.jsites.net/frontdesk/app.html>App</a><br>'
//Contents for menu 2
var menu2=new Array()
menu2[0]='<a href=http://xww.jsites.net/info/roster/index.html>Roster</a><br>'
menu2[1]='<a href=http://xww.jsites.net/info/rules.html>Rules</a><br>'
menu2[2]='<a href=http://xww.jsites.net/info/about.html>About</a><br>'
//Contents for menu 3
var menu3=new Array()
menu3[0]='<a href=http://xww.jsites.net/events/mayhem.html>Mayhem</a><br>'
menu3[1]='<a href=http://xww.jsites.net/events/wicked.html>Wicked</a><br>'
menu3[2]='<a href=http://xww.jsites.net/events/fury.html>Fury</a><br>'
menu3[3]='<a href=http://xww.jsites.net/events/breakdown.html>Breakdown</a><br>'
menu3[4]='<a href=http://xww.jsites.net/events/ppv.html>ppv</a><br>'
//Contents for menu 4
var menu4=new Array()
menu4[0]='<a href=http://xww.jsites.net/history/champions.html>Champions</a><br>'
menu4[1]='<a href=http://xww.jsites.net/history/event/index.html>Events</a><br>'
menu4[2]='<a href=http://xww.jsites.net/history/records.html>Records</a><br>'
menu4[3]='<a href=http://xww.jsites.net/history/roster.html>Roster</a><br>'
//Contents for menu 5
var menu5=new Array()
menu5[0]='<a href=http://www.jsites.net/xwwforum/index.php>Forums</a><br>'
menu5[1]='<a href=http://xww.jsites.net/interactive/polls.html>Polls</a><br>'
menu5[2]='<a href=http://xww.jsites.net/interactive/credits.html>Credits</a><br>'
menu5[3]='<a href=http://xww.jsites.net/interactive/aff.html>Affiliates</a><br>'
menu5[4]='<a href=http://xww.jsites.net/babez/index.html>Babez</a><br>'
</script>
<style>
<!--
.wrap1{
position:relative;
}
.wrap2{
position:absolute;
}
#dropmenu0, #dropmenu1, #dropmenu2, #dropmenu3, #dropmenu4{
z-index:100;
}
-->
</style>
in the <body> section...
<script language="JavaScript1.2">
//reusable/////////////////////////////
//Drop down menu by http://www.dynamicdrive.com
var zindex=100
var ns4=document.layers
var ns6=document.getElementById&&!document.all
var ie4=document.all
var opr=navigator.userAgent.indexOf("Opera")
function dropit(e,whichone){
curmenuID=ns6? document.getElementById(whichone).id : eval(whichone).id
if (window.themenu&&themenu.id!=curmenuID)
themenuStyle.visibility=ns4?"hide" : "hidden"
themenu=ns6? document.getElementById(whichone): eval(whichone)
themenuStyle=(ns6||ie4)? themenu.style : themenu
themenuoffsetX=(ie4&&opr==-1)? document.body.scrollLeft : 0
themenuoffsetY=(ie4&&opr==-1)? document.body.scrollTop : 0
themenuStyle.left=ns6||ns4? e.pageX-e.layerX : themenuoffsetX+event.clientX-event.offsetX
themenuStyle.top=ns6||ns4? e.pageY-e.layerY+19 : themenuoffsetY+event.clientY-event.offsetY+18
hiddenconst=(ns6||ie4)? "hidden" : "hide"
if (themenuStyle.visibility==hiddenconst){
themenuStyle.visibility=(ns6||ie4)? "visible" : "show"
themenuStyle.zIndex=zindex++
}
else
hidemenu()
return false
}
function hidemenu(){
if ((ie4||ns6)&&window.themenu)
themenuStyle.visibility="hidden"
else if (ns4)
themenu.visibility="hide"
}
if (ie4||ns6)
document.onclick=hidemenu
//reusable/////////////////////////////
</script>
<!----------Menu 1 starts here---------->
<ilayer>
<layer visibility=show>
<div class=wrap1>
<span class=wrap2 onClick="dropit(event, 'dropmenu0');event.cancelBubble=true;return false"><font face=Verdana><b><a href="alternate.htm" onClick="if(ns4) return dropit(event, 'document.dropmenu0')"><img src="http://xww.jsites.net/images/frontdesk.gif"></a></b></font>
</span>
</div>
</layer>
</ilayer>
<!----------Menu 1 ends here---------->
<!----------Menu 2 starts here---------->
<ilayer>
<layer visibility=show>
<div class=wrap1>
<span class=wrap2 onClick="dropit(event, 'dropmenu1');event.cancelBubble=true;return false"><font face=Verdana><b><a href="alternate.htm" onClick="if(ns4) return dropit(event, 'document.dropmenu1')"><img src="http://xww.jsites.net/images/info.gif"></a></b></font>
</span>
</div>
</layer>
</ilayer>
<!----------Menu 2 ends here---------->
<!----------Menu 3 starts here---------->
<ilayer>
<layer visibility=show>
<div class=wrap1>
<span class=wrap2 onClick="dropit(event, 'dropmenu2');event.cancelBubble=true;return false"><font face=Verdana><b><a href="alternate.htm" onClick="if(ns4) return dropit(event, 'document.dropmenu2')"><img src="http://xww.jsites.net/images/events.gif"></a></b></font>
</span>
</div>
</layer>
</ilayer>
<!----------Menu 3 ends here---------->
<!----------Menu 4 starts here---------->
<ilayer>
<layer visibility=show>
<div class=wrap1>
<span class=wrap2 onClick="dropit(event, 'dropmenu3');event.cancelBubble=true;return false"><font face=Verdana><b><a href="alternate.htm" onClick="if(ns4) return dropit(event, 'document.dropmenu3')"><img src="http://xww.jsites.net/images/history.gif"></a></b></font>
</span>
</div>
</layer>
</ilayer>
<!----------Menu 4 ends here---------->
<!----------Menu 5 starts here---------->
<ilayer>
<layer visibility=show>
<div class=wrap1>
<span class=wrap2 onClick="dropit(event, 'dropmenu4');event.cancelBubble=true;return false"><font face=Verdana><b><a href="alternate.htm" onClick="if(ns4) return dropit(event, 'document.dropmenu4')"><img src="http://xww.jsites.net/images/interactive.gif"></a></b></font>
</span>
</div>
</layer>
</ilayer>
<!----------Menu 5 ends here---------->
Then this right before the </body>...
<div id=dropmenu0 style="position:absolute;left:0;top:0;layer-background-color:lightyellow;background-color:lightyellow;width:120;visibility:hidden;bord er:1px solid black;padding:0px">
<script language="JavaScript1.2">
if (document.all)
dropmenu0.style.padding="4px"
for (i=0;i<menu1.length;i++)
document.write(menu1[i])
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu0.captureEvents(Event.CLICK)
document.dropmenu0.onclick=hidemenu
}
</script>
<div id=dropmenu1 style="position:absolute;left:0;top:0;layer-background-color:lightyellow;background-color:lightyellow;width:120;visibility:hidden;bord er:1px solid black;padding:0px">
<script language="JavaScript1.2">
if (document.all)
dropmenu1.style.padding="4px"
for (i=0;i<menu2.length;i++)
document.write(menu2[i])
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu1.captureEvents(Event.CLICK)
document.dropmenu1.onclick=hidemenu
}
</script>
<div id=dropmenu2 style="position:absolute;left:0;top:0;layer-background-color:lightyellow;background-color:lightyellow;width:120;visibility:hidden;bord er:1px solid black;padding:0px">
<script language="JavaScript1.2">
if (document.all)
dropmenu2.style.padding="4px"
for (i=0;i<menu3.length;i++)
document.write(menu3[i])
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu2.captureEvents(Event.CLICK)
document.dropmenu2.onclick=hidemenu
}
</script>
<div id=dropmenu3 style="position:absolute;left:0;top:0;layer-background-color:lightyellow;background-color:lightyellow;width:120;visibility:hidden;bord er:1px solid black;padding:0px">
<script language="JavaScript1.2">
if (document.all)
dropmenu3.style.padding="4px"
for (i=0;i<menu4.length;i++)
document.write(menu4[i])
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu3.captureEvents(Event.CLICK)
document.dropmenu3.onclick=hidemenu
}
</script>
<div id=dropmenu4 style="position:absolute;left:0;top:0;layer-background-color:lightyellow;background-color:lightyellow;width:120;visibility:hidden;bord er:1px solid black;padding:0px">
<script language="JavaScript1.2">
if (document.all)
dropmenu4.style.padding="4px"
for (i=0;i<menu5.length;i++)
document.write(menu5[i])
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu4.captureEvents(Event.CLICK)
document.dropmenu4.onclick=hidemenu
}
</script>
When you go to the site you'll see all the problems. One is that the Graphics (Front Desk etc) are too low. They don't go in the top area. Another is the last 4 menus are all as one. and the Menus don't show up.
In the Head Section...
<script language="JavaScript1.2">
//Drop down menu link- © Dynamic Drive (www.dynamicdrive.com)
//For full source code and 100's more DHTML scripts, visit http://www.dynamicdrive.com
//Credit MUST stay intact for use
//Contents for menu 1
var menu1=new Array()
menu1[0]='<a href=http://xww.jsites.net/index.html>Main</a><br>'
menu1[1]='<a href=http://xww.jsites.net/frontdesk/staff.html>Staff</a><br>'
menu1[2]='<a href=http://xww.jsites.net/frontdesk/samplerps.html>Sample RP's</a><br>'
menu1[3]='<a href=http://xww.jsites.net/frontdesk/app.html>App</a><br>'
//Contents for menu 2
var menu2=new Array()
menu2[0]='<a href=http://xww.jsites.net/info/roster/index.html>Roster</a><br>'
menu2[1]='<a href=http://xww.jsites.net/info/rules.html>Rules</a><br>'
menu2[2]='<a href=http://xww.jsites.net/info/about.html>About</a><br>'
//Contents for menu 3
var menu3=new Array()
menu3[0]='<a href=http://xww.jsites.net/events/mayhem.html>Mayhem</a><br>'
menu3[1]='<a href=http://xww.jsites.net/events/wicked.html>Wicked</a><br>'
menu3[2]='<a href=http://xww.jsites.net/events/fury.html>Fury</a><br>'
menu3[3]='<a href=http://xww.jsites.net/events/breakdown.html>Breakdown</a><br>'
menu3[4]='<a href=http://xww.jsites.net/events/ppv.html>ppv</a><br>'
//Contents for menu 4
var menu4=new Array()
menu4[0]='<a href=http://xww.jsites.net/history/champions.html>Champions</a><br>'
menu4[1]='<a href=http://xww.jsites.net/history/event/index.html>Events</a><br>'
menu4[2]='<a href=http://xww.jsites.net/history/records.html>Records</a><br>'
menu4[3]='<a href=http://xww.jsites.net/history/roster.html>Roster</a><br>'
//Contents for menu 5
var menu5=new Array()
menu5[0]='<a href=http://www.jsites.net/xwwforum/index.php>Forums</a><br>'
menu5[1]='<a href=http://xww.jsites.net/interactive/polls.html>Polls</a><br>'
menu5[2]='<a href=http://xww.jsites.net/interactive/credits.html>Credits</a><br>'
menu5[3]='<a href=http://xww.jsites.net/interactive/aff.html>Affiliates</a><br>'
menu5[4]='<a href=http://xww.jsites.net/babez/index.html>Babez</a><br>'
</script>
<style>
<!--
.wrap1{
position:relative;
}
.wrap2{
position:absolute;
}
#dropmenu0, #dropmenu1, #dropmenu2, #dropmenu3, #dropmenu4{
z-index:100;
}
-->
</style>
in the <body> section...
<script language="JavaScript1.2">
//reusable/////////////////////////////
//Drop down menu by http://www.dynamicdrive.com
var zindex=100
var ns4=document.layers
var ns6=document.getElementById&&!document.all
var ie4=document.all
var opr=navigator.userAgent.indexOf("Opera")
function dropit(e,whichone){
curmenuID=ns6? document.getElementById(whichone).id : eval(whichone).id
if (window.themenu&&themenu.id!=curmenuID)
themenuStyle.visibility=ns4?"hide" : "hidden"
themenu=ns6? document.getElementById(whichone): eval(whichone)
themenuStyle=(ns6||ie4)? themenu.style : themenu
themenuoffsetX=(ie4&&opr==-1)? document.body.scrollLeft : 0
themenuoffsetY=(ie4&&opr==-1)? document.body.scrollTop : 0
themenuStyle.left=ns6||ns4? e.pageX-e.layerX : themenuoffsetX+event.clientX-event.offsetX
themenuStyle.top=ns6||ns4? e.pageY-e.layerY+19 : themenuoffsetY+event.clientY-event.offsetY+18
hiddenconst=(ns6||ie4)? "hidden" : "hide"
if (themenuStyle.visibility==hiddenconst){
themenuStyle.visibility=(ns6||ie4)? "visible" : "show"
themenuStyle.zIndex=zindex++
}
else
hidemenu()
return false
}
function hidemenu(){
if ((ie4||ns6)&&window.themenu)
themenuStyle.visibility="hidden"
else if (ns4)
themenu.visibility="hide"
}
if (ie4||ns6)
document.onclick=hidemenu
//reusable/////////////////////////////
</script>
<!----------Menu 1 starts here---------->
<ilayer>
<layer visibility=show>
<div class=wrap1>
<span class=wrap2 onClick="dropit(event, 'dropmenu0');event.cancelBubble=true;return false"><font face=Verdana><b><a href="alternate.htm" onClick="if(ns4) return dropit(event, 'document.dropmenu0')"><img src="http://xww.jsites.net/images/frontdesk.gif"></a></b></font>
</span>
</div>
</layer>
</ilayer>
<!----------Menu 1 ends here---------->
<!----------Menu 2 starts here---------->
<ilayer>
<layer visibility=show>
<div class=wrap1>
<span class=wrap2 onClick="dropit(event, 'dropmenu1');event.cancelBubble=true;return false"><font face=Verdana><b><a href="alternate.htm" onClick="if(ns4) return dropit(event, 'document.dropmenu1')"><img src="http://xww.jsites.net/images/info.gif"></a></b></font>
</span>
</div>
</layer>
</ilayer>
<!----------Menu 2 ends here---------->
<!----------Menu 3 starts here---------->
<ilayer>
<layer visibility=show>
<div class=wrap1>
<span class=wrap2 onClick="dropit(event, 'dropmenu2');event.cancelBubble=true;return false"><font face=Verdana><b><a href="alternate.htm" onClick="if(ns4) return dropit(event, 'document.dropmenu2')"><img src="http://xww.jsites.net/images/events.gif"></a></b></font>
</span>
</div>
</layer>
</ilayer>
<!----------Menu 3 ends here---------->
<!----------Menu 4 starts here---------->
<ilayer>
<layer visibility=show>
<div class=wrap1>
<span class=wrap2 onClick="dropit(event, 'dropmenu3');event.cancelBubble=true;return false"><font face=Verdana><b><a href="alternate.htm" onClick="if(ns4) return dropit(event, 'document.dropmenu3')"><img src="http://xww.jsites.net/images/history.gif"></a></b></font>
</span>
</div>
</layer>
</ilayer>
<!----------Menu 4 ends here---------->
<!----------Menu 5 starts here---------->
<ilayer>
<layer visibility=show>
<div class=wrap1>
<span class=wrap2 onClick="dropit(event, 'dropmenu4');event.cancelBubble=true;return false"><font face=Verdana><b><a href="alternate.htm" onClick="if(ns4) return dropit(event, 'document.dropmenu4')"><img src="http://xww.jsites.net/images/interactive.gif"></a></b></font>
</span>
</div>
</layer>
</ilayer>
<!----------Menu 5 ends here---------->
Then this right before the </body>...
<div id=dropmenu0 style="position:absolute;left:0;top:0;layer-background-color:lightyellow;background-color:lightyellow;width:120;visibility:hidden;bord er:1px solid black;padding:0px">
<script language="JavaScript1.2">
if (document.all)
dropmenu0.style.padding="4px"
for (i=0;i<menu1.length;i++)
document.write(menu1[i])
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu0.captureEvents(Event.CLICK)
document.dropmenu0.onclick=hidemenu
}
</script>
<div id=dropmenu1 style="position:absolute;left:0;top:0;layer-background-color:lightyellow;background-color:lightyellow;width:120;visibility:hidden;bord er:1px solid black;padding:0px">
<script language="JavaScript1.2">
if (document.all)
dropmenu1.style.padding="4px"
for (i=0;i<menu2.length;i++)
document.write(menu2[i])
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu1.captureEvents(Event.CLICK)
document.dropmenu1.onclick=hidemenu
}
</script>
<div id=dropmenu2 style="position:absolute;left:0;top:0;layer-background-color:lightyellow;background-color:lightyellow;width:120;visibility:hidden;bord er:1px solid black;padding:0px">
<script language="JavaScript1.2">
if (document.all)
dropmenu2.style.padding="4px"
for (i=0;i<menu3.length;i++)
document.write(menu3[i])
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu2.captureEvents(Event.CLICK)
document.dropmenu2.onclick=hidemenu
}
</script>
<div id=dropmenu3 style="position:absolute;left:0;top:0;layer-background-color:lightyellow;background-color:lightyellow;width:120;visibility:hidden;bord er:1px solid black;padding:0px">
<script language="JavaScript1.2">
if (document.all)
dropmenu3.style.padding="4px"
for (i=0;i<menu4.length;i++)
document.write(menu4[i])
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu3.captureEvents(Event.CLICK)
document.dropmenu3.onclick=hidemenu
}
</script>
<div id=dropmenu4 style="position:absolute;left:0;top:0;layer-background-color:lightyellow;background-color:lightyellow;width:120;visibility:hidden;bord er:1px solid black;padding:0px">
<script language="JavaScript1.2">
if (document.all)
dropmenu4.style.padding="4px"
for (i=0;i<menu5.length;i++)
document.write(menu5[i])
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu4.captureEvents(Event.CLICK)
document.dropmenu4.onclick=hidemenu
}
</script>
When you go to the site you'll see all the problems. One is that the Graphics (Front Desk etc) are too low. They don't go in the top area. Another is the last 4 menus are all as one. and the Menus don't show up.