DHTML extended navigation problem
hi,
im currently having problems with DHTML script i got from dhtmlcentral.com
Here is the source page;
As you can see there is some major problems...
Im trying to get the DHTML navigation looking like;
mvpcapper.com (look at the simple navigation)
The source for this dhtml script is;
Quote: HEAD SOURCE
/* CoolMenus 4 - default styles - do not edit */
.clCMAbs{position:absolute; visibility:hidden; left:0; top:70}
/* CoolMenus 4 - default styles - end *//*Style for the background-bar*/
.clBar{position:absolute; width:10; height:10; background-color:2D8F01; layer-background-color:Navy; visibility:hidden}/*Styles for level 0*/
.clLevel0{
position:absolute;
padding:0px;
font-family:verdana,arial,helvetica;
font-size:10px;
font-weight:bold;
background-image: url(/sitehtml/header_navi2.gif);
}
.clLevel0{
layer-background-color:Navy;
color:white;
background-repeat: no-repeat;
}
.clLevel0over{layer-background-color:#336699; color:#000000; cursor:pointer; cursor:hand; }
.clLevel0border{position:absolute; visibility:hidden; layer-background-color:#006699}/*Styles for level 1*/
.clLevel1, .clLevel1over{position:absolute; padding:2px; font-family:tahoma, arial,helvetica; font-size:11px; font-weight:bold}
.clLevel1{background-color:2D8F01; layer-background-color:Navy; color:white;}
.clLevel1over{background-color:54BF1E; layer-background-color:#336699; color:Yellow; cursor:pointer; cursor:hand; }
.clLevel1border{position:absolute; visibility:hidden; background-color:54BF1E; layer-background-color:#006699}/*Styles for level 2*/
.clLevel2, .clLevel2over{position:absolute; padding:2px; font-family:tahoma,arial,helvetica; font-size:10px; font-weight:bold}
.clLevel2{background-color:2D8F01; layer-background-color:Navy; color:white;}
.clLevel2over{background-color:#0099cc; layer-background-color:#0099cc; color:Yellow; cursor:pointer; cursor:hand; }
.clLevel2border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}
.clLevel0over {
position:absolute;
padding:0px;
font-family:verdana, arial, helvetica;
font-size:10px;
font-weight:bold;
background-image: url(/sitehtml/header_navi2.gif);
background-repeat: repeat-x;
}
<script language="JavaScript1.2" src="coolmenus4.js">
/*****************************************************************************
Copyright (c) 2001 Thomas Brattli ([email protected])DHTML coolMenus - Get it at coolmenus.dhtmlcentral.com
Version 4.0_beta
This script can be used freely as long as all copyright messages are
intact.
******************************************************************************/
</script>
The Body Script Code is;
Quote: Body Script
<script class="clLevel2">/***
This is the menu creation code - place it right after you body tag
Feel free to add this to a stand-alone js file and link it to your page.
**///Menu object creation
oCMenu=new makeCM("oCMenu") //Making the menu object. Argument: menunameoCMenu.frames = 0
//Menu properties
oCMenu.pxBetween=4
oCMenu.fromLeft=20
oCMenu.fromTop=0
oCMenu.rows=1
oCMenu.menuPlacement="center"oCMenu.offlineRoot="file:///C|/Inetpub/wwwroot/dhtmlcentral/projects/coolmenus/examples/"
oCMenu.onlineRoot="/coolmenus/"
oCMenu.resizeCheck=1
oCMenu.wait=1000
oCMenu.fillImg="cm_fill.gif"
oCMenu.zIndex=0//Background bar properties
oCMenu.useBar=1
oCMenu.barWidth="100%"
oCMenu.barHeight="menu"
oCMenu.barClass="clBar"
oCMenu.barX=0
oCMenu.barY=0
oCMenu.barBorderX=0
oCMenu.barBorderY=0
oCMenu.barBorderClass=""//Level properties - ALL properties have to be spesified in level 0
oCMenu.level[0]=new cm_makeLevel() //Add this for each new level
oCMenu.level[0].width=110
oCMenu.level[0].height=29
oCMenu.level[0].regClass="clLevel0"
oCMenu.level[0].overClass="clLevel0over"
oCMenu.level[0].borderX=1
oCMenu.level[0].borderY=1
oCMenu.level[0].borderClass="clLevel0border"
oCMenu.level[0].offsetX=0
oCMenu.level[0].offsetY=0
oCMenu.level[0].rows=0
oCMenu.level[0].arrow=0
oCMenu.level[0].arrowWidth=0
oCMenu.level[0].arrowHeight=0
oCMenu.level[0].align="bottom"/******************************************
Menu item creation:
myCoolMenu.makeMenu(name, parent_name, text, link, target, width, height, regImage, overImage, regClass, overClass , align, rows, nolink, onclick, onmouseover, onmouseout)
*************************************/
oCMenu.makeMenu('top1','','MVP Capper Sports','/index.php')
oCMenu.makeMenu('sub1','top1','New scripts','/scripts/index.asp?show=new')
oCMenu.makeMenu('sub2','top1','All scripts','/scripts/index.asp?show=all')
oCMenu.makeMenu('sub3','top1','Popular scripts','/scripts/index.asp?show=pop')oCMenu.makeMenu('top2','','Free Sports Picks','/freepicks.shtml')
oCMenu.makeMenu('sub4','top2','Free Picks','/freepicks.shtml')
oCMenu.makeMenu('sub5','top2','Subscribe','/freepicks.shtml')oCMenu.makeMenu('top3','','Capping Tools','/scripts/index.asp')
oCMenu.makeMenu('sub6','top3','New scripts','/scripts/index.asp?show=new')
oCMenu.makeMenu('sub7','top3','All scripts','/scripts/index.asp?show=all')
oCMenu.makeMenu('sub8','top3','Popular scripts','/scripts/index.asp?show=pop')oCMenu.makeMenu('top4','','Sports Forums','/scripts/index.asp')
oCMenu.makeMenu('sub9','top4','New scripts','/scripts/index.asp?show=new')
oCMenu.makeMenu('sub10','top4','All scripts','/scripts/index.asp?show=all')
oCMenu.makeMenu('sub11','top4','Popular scripts','/scripts/index.asp?show=pop')oCMenu.makeMenu('top5','','Home','/scripts/index.asp')
oCMenu.makeMenu('sub12','top5','New scripts','/scripts/index.asp?show=new')
oCMenu.makeMenu('sub13','top5','All scripts','/scripts/index.asp?show=all')
oCMenu.makeMenu('sub14','top5','Popular scripts','/scripts/index.asp?show=pop')oCMenu.makeMenu('top6','','Links','/scripts/index.asp')
oCMenu.makeMenu('sub15','top6','Link To Us','/scripts/index.asp?show=new')
oCMenu.makeMenu('sub16','top6','External Links','/scripts/index.asp?show=all')
//Leave this line - it constructs the menu
oCMenu.construct()</script>
If anyone can help me here i would really appreciate it!!! Ive tried many thigns it just isn't working...
the Javascript is located; mvpcapper.com/coolmenus4.js
hello hi