Only1Joe88
06-22-2003, 03:41 AM
Yeah, I'm back with a drop down menu problem. hopefully I'll get help. I entered the code from dynamicdrive.com and everything was fine till I edited it and all of a sudden, my layout went way down. You can see on xww.jsites.net/newlay.html what it's doing. Heres the html to that site.
<HTML>
<!--- All the HTML is by Joe Green. If you steal any of the HTML off this site without permission from the script writer, Legal action will be taken! --->
<HEAD>
<title>X-Treme World Wrestling</title>
<style>
<!--
.menuskin{
position:absolute;
width:165px;
background-color:menu;
border:2px solid green;
font:normal 12px Times New Roman;
line-height:18px;
z-index:100;
visibility:hidden;
}
.menuskin a{
text-decoration:none;
color:black;
padding-left:10px;
padding-right:10px;
}
#mouseoverstyle{
background-color:highlight;
}
#mouseoverstyle a{
color:white;
}
-->
</style>
<script language="JavaScript1.2">
//Pop-it menu- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for use
var linkset=new Array()
//SPECIFY MENU SETS AND THEIR LINKS. FOLLOW SYNTAX LAID OUT
linkset[0]='<div class="menuitems"><a href="http://xww.jsites.net/index.html">Main Page</a></div>'
linkset[0]+='<div class="menuitems"><a href="http://xww.jsites.net/frontdesk/staff.html">Staff</a></div>'
linkset[0]+='<div class="menuitems"><a href="http://xww.jsites.net/frondesk/creativeteam.html">Creative Team</a></div>'
linkset[0]+='<div class="menuitems"><a href="http://xww.jsites.net/frontdesk/samplerps.html">Sample RPs</a></div>'
linkset[0]+='<div class="menuitems"><a href="http://xww.jsites.net/frontdesk/app.html">Application</a></div>'
linkset[1]='<div class="menuitems"><a href="http://xww.jsites.net/frontdesk/rules.html">Rules</a></div>'
linkset[1]+='<div class="menuitems"><a href="xww.jsites.net/frontdesk/about.html">About</a></div>'
linkset[1]+='<div class="menuitems"><a href="xww.jsites.net/frontdesk/roster.html">Roster</a></div>'
linkset[2]='<div class="menuitems"><a href="http://xww.jsites.net/events/mayhem.html">Mayhem</a></div>'
linkset[2]+='<div class="menuitems"><a href="http://xww.jsites.net/events/wicked.html">Wicked</a></div>'
linkset[2]+='<div class="menuitems"><a href="http://xww.jsites.net/events/mayhem.html">Fury</a></div>'
linkset[2]+='<div class="menuitems"><a href="http://xww.jsites.net/events/mayhem.html">Breakdown</a></div>'
linkset[2]+='<div class="menuitems"><a href="http://xww.jsites.net/events/mayhem.html">Pay-Per-View</a></div>'
linkset[3]='<div class="menuitems"><a href="http://xww.jsites.net/history/champions.html">Champions</a></div>'
linkset[3]+='<div class="menuitems"><a href="http://xww.jsites.net/history/events.html">Events</a></div>'
linkset[3]+='<div class="menuitems"><a href="http://xww.jsites.net/history/records.html">Records</a></div>'
linkset[3]+='<div class="menuitems"><a href="http://xww.jsites.net/history/roster.html">Roster</a></div>'
linkset[4]='<div class="menuitems"><a href="http://www.jsites.net/xwwforum/index.php">Forums</a></div>'
linkset[4]+='<div class="menuitems"><a href="http://xww.jsites.net/interactive/polls.html">Polls</a></div>'
linkset[4]+='<div class="menuitems"><a href="http://xww.jsites.net/interactive/aff.html">Affiliates</a></div>'
linkset[4]+='<div class="menuitems"><a href="http://xww.jsites.net/interactive/credits.html">Credits</a></div>'
////No need to edit beyond here
var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1
var ns6=document.getElementById&&!document.all
var ns4=document.layers
function showmenu(e,which){
if (!document.all&&!document.getElementById&&!document.layers)
return
clearhidemenu()
menuobj=ie4? document.all.popmenu : ns6? document.getElementById("popmenu") : ns4? document.popmenu : ""
menuobj.thestyle=(ie4||ns6)? menuobj.style : menuobj
if (ie4||ns6)
menuobj.innerHTML=which
else{
menuobj.document.write('<layer name=gui bgColor=#E6E6E6 width=165 onmouseover="clearhidemenu()" onmouseout="hidemenu()">'+which+'</layer>')
menuobj.document.close()
}
menuobj.contentwidth=(ie4||ns6)? menuobj.offsetWidth : menuobj.document.gui.document.width
menuobj.contentheight=(ie4||ns6)? menuobj.offsetHeight : menuobj.document.gui.document.height
eventX=ie4? event.clientX : ns6? e.clientX : e.x
eventY=ie4? event.clientY : ns6? e.clientY : e.y
//Find out how close the mouse is to the corner of the window
var rightedge=ie4? document.body.clientWidth-eventX : window.innerWidth-eventX
var bottomedge=ie4? document.body.clientHeight-eventY : window.innerHeight-eventY
//if the horizontal distance isn't enough to accomodate the width of the context menu
if (rightedge<menuobj.contentwidth)
//move the horizontal position of the menu to the left by it's width
menuobj.thestyle.left=ie4? document.body.scrollLeft+eventX-menuobj.contentwidth : ns6? window.pageXOffset+eventX-menuobj.contentwidth : eventX-menuobj.contentwidth
else
//position the horizontal position of the menu where the mouse was clicked
menuobj.thestyle.left=ie4? document.body.scrollLeft+eventX : ns6? window.pageXOffset+eventX : eventX
//same concept with the vertical position
if (bottomedge<menuobj.contentheight)
menuobj.thestyle.top=ie4? document.body.scrollTop+eventY-menuobj.contentheight : ns6? window.pageYOffset+eventY-menuobj.contentheight : eventY-menuobj.contentheight
else
menuobj.thestyle.top=ie4? document.body.scrollTop+event.clientY : ns6? window.pageYOffset+eventY : eventY
menuobj.thestyle.visibility="visible"
return false
}
function contains_ns6(a, b) {
//Determines if 1 element in contained in another- by Brainjar.com
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}
function hidemenu(){
if (window.menuobj)
menuobj.thestyle.visibility=(ie4||ns6)? "hidden" : "hide"
}
function dynamichide(e){
if (ie4&&!menuobj.contains(e.toElement))
hidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
hidemenu()
}
function delayhidemenu(){
if (ie4||ns6||ns4)
delayhide=setTimeout("hidemenu()",500)
}
function clearhidemenu(){
if (window.delayhide)
clearTimeout(delayhide)
}
function highlightmenu(e,state){
if (document.all)
source_el=event.srcElement
else if (document.getElementById)
source_el=e.target
if (source_el.className=="menuitems"){
source_el.id=(state=="on")? "mouseoverstyle" : ""
}
else{
while(source_el.id!="popmenu"){
source_el=document.getElementById? source_el.parentNode : source_el.parentElement
if (source_el.className=="menuitems"){
source_el.id=(state=="on")? "mouseoverstyle" : ""
}
}
}
}
if (ie4||ns6)
document.onclick=hidemenu
</script>
<script language="JavaScript1.2">
if (window.Event)
document.captureEvents(Event.MOUSEUP);
function nocontextmenu() {
event.cancelBubble = true, event.returnValue = false;
return false;
}
function norightclick(e) {
if (window.Event) {
if (e.which == 2 || e.which == 3) return false;
}
else if (event.button == 2 || event.button == 3) {
event.cancelBubble = true, event.returnValue = false;
return false;
}
}
if (document.layers)
document.captureEvents(Event.MOUSEDOWN);
document.oncontextmenu = nocontextmenu;
document.onmousedown = norightclick;
document.onmouseup = norightclick;
//--></script>
</HEAD>
<body bgcolor=000000>
<center>
<img src="http://xww.jsites.net/images/xwwmain.art" alt="We are the X in X-Treme!!!" >
<table border="0" cellspacing="0" cellpadding="5" width="641">
<tr>
<td body background="http://xww.jsites.net/images/upleft.gif" colspan=1 cellpadding="0" width="148" height="68">
<font color=#000080>
<font size=2>
<font face="Times New Roman">
<center>
<img src="http://xww.jsites.net/images/xwwonfire.gif">
</td>
<td bgcolor=EEEEEE colspan=1 cellpadding="0" height="68" width="500" valign="center">
<font color=#000000>
<font size=2>
<font face="Times New Roman">
<center>
<div id="popmenu" class="menuskin" onMouseover="clearhidemenu();highlightmenu(event,'on')" onMouseout="highlightmenu(event,'off');dynamichide(event)">
</div>
<b><a href="#" onMouseover="showmenu(event,linkset[0])" onMouseout="delayhidemenu()">Front Desk</a>
<a href="#" onMouseover="showmenu(event,linkset[1])" onMouseout="delayhidemenu()">Information</a>
<a href="#" onMouseover="showmenu(event,linkset[2])" onMouseout="delayhidemenu()">Events</a>
<a href="#" onMouseover="showmenu(event,linkset[3])" onMouseout="delayhidemenu()">History</a>
<a href="#" onMouseover="showmenu(event,linkset[4])" onMouseout="delayhidemenu()">Interactive</a>
</td>
<tr>
<td bgcolor=eeeeee colspan=1 cellpadding="0" width="148" valign="top">
<font color=#000000>
<font size=2>
<font size=2>
<font face="Times New Roman">
XWW's Finest<br>
<br>
The Champions of XWW will go here. How nice eh?<br>
<p align="center"><font face="Arial" size="-2">Free DHTML scripts provided by<br>
<a href="http://www.dynamicdrive.com">Dynamic Drive</a></font></p></td>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<Br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</td>
<td bgcolor=EEEEEE colspan=1 cellpadding="0" width="500" valign="top">
<font color=#000000>
<font size=2>
<font face="Times New Roman">
<center>
Main
</table>
</BODY>
</HTML>
<HTML>
<!--- All the HTML is by Joe Green. If you steal any of the HTML off this site without permission from the script writer, Legal action will be taken! --->
<HEAD>
<title>X-Treme World Wrestling</title>
<style>
<!--
.menuskin{
position:absolute;
width:165px;
background-color:menu;
border:2px solid green;
font:normal 12px Times New Roman;
line-height:18px;
z-index:100;
visibility:hidden;
}
.menuskin a{
text-decoration:none;
color:black;
padding-left:10px;
padding-right:10px;
}
#mouseoverstyle{
background-color:highlight;
}
#mouseoverstyle a{
color:white;
}
-->
</style>
<script language="JavaScript1.2">
//Pop-it menu- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for use
var linkset=new Array()
//SPECIFY MENU SETS AND THEIR LINKS. FOLLOW SYNTAX LAID OUT
linkset[0]='<div class="menuitems"><a href="http://xww.jsites.net/index.html">Main Page</a></div>'
linkset[0]+='<div class="menuitems"><a href="http://xww.jsites.net/frontdesk/staff.html">Staff</a></div>'
linkset[0]+='<div class="menuitems"><a href="http://xww.jsites.net/frondesk/creativeteam.html">Creative Team</a></div>'
linkset[0]+='<div class="menuitems"><a href="http://xww.jsites.net/frontdesk/samplerps.html">Sample RPs</a></div>'
linkset[0]+='<div class="menuitems"><a href="http://xww.jsites.net/frontdesk/app.html">Application</a></div>'
linkset[1]='<div class="menuitems"><a href="http://xww.jsites.net/frontdesk/rules.html">Rules</a></div>'
linkset[1]+='<div class="menuitems"><a href="xww.jsites.net/frontdesk/about.html">About</a></div>'
linkset[1]+='<div class="menuitems"><a href="xww.jsites.net/frontdesk/roster.html">Roster</a></div>'
linkset[2]='<div class="menuitems"><a href="http://xww.jsites.net/events/mayhem.html">Mayhem</a></div>'
linkset[2]+='<div class="menuitems"><a href="http://xww.jsites.net/events/wicked.html">Wicked</a></div>'
linkset[2]+='<div class="menuitems"><a href="http://xww.jsites.net/events/mayhem.html">Fury</a></div>'
linkset[2]+='<div class="menuitems"><a href="http://xww.jsites.net/events/mayhem.html">Breakdown</a></div>'
linkset[2]+='<div class="menuitems"><a href="http://xww.jsites.net/events/mayhem.html">Pay-Per-View</a></div>'
linkset[3]='<div class="menuitems"><a href="http://xww.jsites.net/history/champions.html">Champions</a></div>'
linkset[3]+='<div class="menuitems"><a href="http://xww.jsites.net/history/events.html">Events</a></div>'
linkset[3]+='<div class="menuitems"><a href="http://xww.jsites.net/history/records.html">Records</a></div>'
linkset[3]+='<div class="menuitems"><a href="http://xww.jsites.net/history/roster.html">Roster</a></div>'
linkset[4]='<div class="menuitems"><a href="http://www.jsites.net/xwwforum/index.php">Forums</a></div>'
linkset[4]+='<div class="menuitems"><a href="http://xww.jsites.net/interactive/polls.html">Polls</a></div>'
linkset[4]+='<div class="menuitems"><a href="http://xww.jsites.net/interactive/aff.html">Affiliates</a></div>'
linkset[4]+='<div class="menuitems"><a href="http://xww.jsites.net/interactive/credits.html">Credits</a></div>'
////No need to edit beyond here
var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1
var ns6=document.getElementById&&!document.all
var ns4=document.layers
function showmenu(e,which){
if (!document.all&&!document.getElementById&&!document.layers)
return
clearhidemenu()
menuobj=ie4? document.all.popmenu : ns6? document.getElementById("popmenu") : ns4? document.popmenu : ""
menuobj.thestyle=(ie4||ns6)? menuobj.style : menuobj
if (ie4||ns6)
menuobj.innerHTML=which
else{
menuobj.document.write('<layer name=gui bgColor=#E6E6E6 width=165 onmouseover="clearhidemenu()" onmouseout="hidemenu()">'+which+'</layer>')
menuobj.document.close()
}
menuobj.contentwidth=(ie4||ns6)? menuobj.offsetWidth : menuobj.document.gui.document.width
menuobj.contentheight=(ie4||ns6)? menuobj.offsetHeight : menuobj.document.gui.document.height
eventX=ie4? event.clientX : ns6? e.clientX : e.x
eventY=ie4? event.clientY : ns6? e.clientY : e.y
//Find out how close the mouse is to the corner of the window
var rightedge=ie4? document.body.clientWidth-eventX : window.innerWidth-eventX
var bottomedge=ie4? document.body.clientHeight-eventY : window.innerHeight-eventY
//if the horizontal distance isn't enough to accomodate the width of the context menu
if (rightedge<menuobj.contentwidth)
//move the horizontal position of the menu to the left by it's width
menuobj.thestyle.left=ie4? document.body.scrollLeft+eventX-menuobj.contentwidth : ns6? window.pageXOffset+eventX-menuobj.contentwidth : eventX-menuobj.contentwidth
else
//position the horizontal position of the menu where the mouse was clicked
menuobj.thestyle.left=ie4? document.body.scrollLeft+eventX : ns6? window.pageXOffset+eventX : eventX
//same concept with the vertical position
if (bottomedge<menuobj.contentheight)
menuobj.thestyle.top=ie4? document.body.scrollTop+eventY-menuobj.contentheight : ns6? window.pageYOffset+eventY-menuobj.contentheight : eventY-menuobj.contentheight
else
menuobj.thestyle.top=ie4? document.body.scrollTop+event.clientY : ns6? window.pageYOffset+eventY : eventY
menuobj.thestyle.visibility="visible"
return false
}
function contains_ns6(a, b) {
//Determines if 1 element in contained in another- by Brainjar.com
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}
function hidemenu(){
if (window.menuobj)
menuobj.thestyle.visibility=(ie4||ns6)? "hidden" : "hide"
}
function dynamichide(e){
if (ie4&&!menuobj.contains(e.toElement))
hidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
hidemenu()
}
function delayhidemenu(){
if (ie4||ns6||ns4)
delayhide=setTimeout("hidemenu()",500)
}
function clearhidemenu(){
if (window.delayhide)
clearTimeout(delayhide)
}
function highlightmenu(e,state){
if (document.all)
source_el=event.srcElement
else if (document.getElementById)
source_el=e.target
if (source_el.className=="menuitems"){
source_el.id=(state=="on")? "mouseoverstyle" : ""
}
else{
while(source_el.id!="popmenu"){
source_el=document.getElementById? source_el.parentNode : source_el.parentElement
if (source_el.className=="menuitems"){
source_el.id=(state=="on")? "mouseoverstyle" : ""
}
}
}
}
if (ie4||ns6)
document.onclick=hidemenu
</script>
<script language="JavaScript1.2">
if (window.Event)
document.captureEvents(Event.MOUSEUP);
function nocontextmenu() {
event.cancelBubble = true, event.returnValue = false;
return false;
}
function norightclick(e) {
if (window.Event) {
if (e.which == 2 || e.which == 3) return false;
}
else if (event.button == 2 || event.button == 3) {
event.cancelBubble = true, event.returnValue = false;
return false;
}
}
if (document.layers)
document.captureEvents(Event.MOUSEDOWN);
document.oncontextmenu = nocontextmenu;
document.onmousedown = norightclick;
document.onmouseup = norightclick;
//--></script>
</HEAD>
<body bgcolor=000000>
<center>
<img src="http://xww.jsites.net/images/xwwmain.art" alt="We are the X in X-Treme!!!" >
<table border="0" cellspacing="0" cellpadding="5" width="641">
<tr>
<td body background="http://xww.jsites.net/images/upleft.gif" colspan=1 cellpadding="0" width="148" height="68">
<font color=#000080>
<font size=2>
<font face="Times New Roman">
<center>
<img src="http://xww.jsites.net/images/xwwonfire.gif">
</td>
<td bgcolor=EEEEEE colspan=1 cellpadding="0" height="68" width="500" valign="center">
<font color=#000000>
<font size=2>
<font face="Times New Roman">
<center>
<div id="popmenu" class="menuskin" onMouseover="clearhidemenu();highlightmenu(event,'on')" onMouseout="highlightmenu(event,'off');dynamichide(event)">
</div>
<b><a href="#" onMouseover="showmenu(event,linkset[0])" onMouseout="delayhidemenu()">Front Desk</a>
<a href="#" onMouseover="showmenu(event,linkset[1])" onMouseout="delayhidemenu()">Information</a>
<a href="#" onMouseover="showmenu(event,linkset[2])" onMouseout="delayhidemenu()">Events</a>
<a href="#" onMouseover="showmenu(event,linkset[3])" onMouseout="delayhidemenu()">History</a>
<a href="#" onMouseover="showmenu(event,linkset[4])" onMouseout="delayhidemenu()">Interactive</a>
</td>
<tr>
<td bgcolor=eeeeee colspan=1 cellpadding="0" width="148" valign="top">
<font color=#000000>
<font size=2>
<font size=2>
<font face="Times New Roman">
XWW's Finest<br>
<br>
The Champions of XWW will go here. How nice eh?<br>
<p align="center"><font face="Arial" size="-2">Free DHTML scripts provided by<br>
<a href="http://www.dynamicdrive.com">Dynamic Drive</a></font></p></td>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<Br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</td>
<td bgcolor=EEEEEE colspan=1 cellpadding="0" width="500" valign="top">
<font color=#000000>
<font size=2>
<font face="Times New Roman">
<center>
Main
</table>
</BODY>
</HTML>