1) Script Title: AnyLink Vertical Menu

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...nkvertical.htm

3) Describe problem: I have tried to incorporate the AnyLink Vertical Menu into my website. I used it to produce a single navigation column, which I then copied into each of the pages on my site.

The problem is that when I use the dropdown menu to move to a page, the URL of the target page appears to append itself in front of all links activated from this page. Clear as mud?? Sorry, I am a chemical engineer and a beginner at website construction.

Say my site is www.sgconsulting.co.za and I use the vertical menu to move to http://www.sgconsulting.co.za/produc...batchmixer.htm, the when I try to move from the batchmixer.htm page to another linked page, say www.sgconsulting.co.za/flottweg.htm , the /product/batchmixer/ portion become inserted at the front of the URL I am targeting ie. it becomes http://www.sgconsulting.co.za/produc...r/flottweg.htm. Does this make any sense?

The code I used follows below. Can anyone see what the problem is?

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Webmaster Links</title>
<style type="text/css">

#dropmenudiv{
border-left:1px solid black; border-right:1px solid black; border-top:1px solid black; border-bottom:0px solid black; position:absolute;
background-color: #E3FFB0;
line-height:18px;
z-index:100; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Verdana
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #C7FF5E;
}


</style>


<script type="text/javascript">

/***********************************************
* AnyLink Vertical Menu- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

//Contents for menu 1
var menu1=new Array()
menu1[0]='<a href="Products/BatchMixer/BatchMixer.htm">Batch Mixing</a>'
menu1[1]='<a href="Products/ContMixer/ContMixer.htm">Continuous Mixing</a>'
menu1[2]='<a href="Products/Reactor/Reactor.htm">Reactors</a>'
menu1[3]='<a href="Products/Dryer/VDryer.htm">Dryers</a>'
menu1[4]='<a href="Products/Pharma/Pharma.htm">Pharmaceutical</a>'
menu1[5]='<a href="Products/Papenmeier/Papenmeier.htm">Polymer Processing</a>'
menu1[6]='<a href="Products/Mixing%20principle/Mixing.htm">Operating Principles</a>'

//Contents for menu 2, and so on
var menu2=new Array()
menu2[0]='<a href="Products/Decanters/Decanters.htm">Decanter</a>'
menu2[1]='<a href="Products/Tricanter/Tricanter.htm">Tricanter</a>'
menu2[2]='<a href="Products/Sedicanter/Sedicanter.htm">Sedicanter</a>'
menu2[3]='<a href="Products/Sorticanter/Sorticanter.htm">Sorticanter</a>'
menu2[4]='<a href="Products/Dics%20centrifuges/Disc%20centrifuges.htm">Disc centrifuges</a>'
menu2[5]='<a href="Products/Belt%20presses/Belt%20presses.htm">Belt presses</a>'

//Contents for menu 3
var menu3=new Array()
menu3[0]='<a href="TranslationSpa.htm">Traducciones Técnicas</a>'
menu3[1]='<a href="TranslationEng.htm">Technical Translations</a>'
menu3[2]='<a href="TranslationGer.htm">Technische Übersetzungen</a>'

//Contents for menu 4
var menu4=new Array()
menu4[0]='<a href="GeneralEnq.htm">General</a>'
menu4[1]='<a href="SparePartsEnq.htm">Spare Parts</a>'
menu4[2]='<a href="ContactUs.htm">Contact Us</a>'

//Contents for menu 5
var menu5=new Array()
menu5[0]='<a href="Products/Dust%20Agglom/DustAgglom.htm">Dust Agglomeration</a>'
menu5[1]='<a href="Products/SX%20crud/SX%20crud.htm">SX Crud removal</a>'
menu5[2]='<a href="Products/TankClean/TankClean.htm">Bulk storage tank cleaning</a>'


var disappeardelay=250 //menu disappear speed onMouseout (in miliseconds)
var horizontaloffset=3 //horizontal offset of menu from default location. (0-5 is a good value)

/////No further editting needed

var ie4=document.all
var ns6=document.getElementById&&!document.all

if (ie4||ns6)
document.write('<div id="dropmenudiv" style="visibility:hidden;width: 160px" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')

function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}


function showhide(obj, e, visible, hidden, menuwidth){
if (ie4||ns6)
dropmenuobj.style.left=dropmenuobj.style.top=-500
dropmenuobj.widthobj=dropmenuobj.style
dropmenuobj.widthobj.width=menuwidth
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
}

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function clearbrowseredge(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x-obj.offsetWidth < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure+obj.offsetWidth
}
else{
var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move menu up?
edgeoffset=dropmenuobj.contentmeasure-obj.offsetHeight
if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either? (position at top of viewable window then)
edgeoffset=dropmenuobj.y
}
}
return edgeoffset
}

function populatemenu(what){
if (ie4||ns6)
dropmenuobj.innerHTML=what.join("")
}


function dropdownmenu(obj, e, menucontents, menuwidth){
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
clearhidemenu()
dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
populatemenu(menucontents)

if (ie4||ns6){
showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+obj.offsetWidth+horizontaloffset+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+"px"
}

return clickreturnvalue()
}

function clickreturnvalue(){
if (ie4||ns6) return false
else return true
}

function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

function dynamichide(e){
if (ie4&&!dropmenuobj.contains(e.toElement))
delayhidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhidemenu()
}

function hidemenu(e){
if (typeof dropmenuobj!="undefined"){
if (ie4||ns6)
dropmenuobj.style.visibility="hidden"
}
}

function delayhidemenu(){
if (ie4||ns6)
delayhide=setTimeout("hidemenu()",disappeardelay)
}

function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}

</script></head>

<body>

<b><font face="Verdana" size="2">
<a href="Index.htm">Home</a><br />
<br>
<a href="History.htm">Company history</a><br />
<br>
<a href="News-current.htm">News</a><br />
<br>
<a href="LodigeIndex.htm" onMouseover="dropdownmenu(this, event, menu1, '165px')" onMouseout="delayhidemenu()">Loedige</a><br />
<br>
<a href="FlottwegIndex.htm" onMouseover="dropdownmenu(this, event, menu2, '165px')" onMouseout="delayhidemenu()">Flottweg</a><br />
<br>
<a href="default.htm" onMouseover="dropdownmenu(this, event, menu5, '185px')" onMouseout="delayhidemenu()">Key applications</a><br />
<br>
<a href="Consulting.htm">Consulting</a><br />
<br>
<a href="Translation.htm" onMouseover="dropdownmenu(this, event, menu3, '185px')" onMouseout="delayhidemenu()">Translating</a><br />
<br>
<a href="default.htm" onMouseover="dropdownmenu(this, event, menu4, '150px')" onMouseout="delayhidemenu()">Enquiries</a><br />
<br>
<a href="Downloads.htm">Downloads</a><br />
<br>
<a href="associates.htm">Associates</a><br />
<br>

</font></b><br />

<!-- Activate menu onclick instead
<a href="default.htm" onClick="return dropdownmenu(this, event, menu1, '165px')" onMouseout="delayhidemenu()">Webmaster Links</a><br />
-->

</body>

</html>