Navigation Menu Advice needed.

Add this to the head of your website

<script language="JavaScript" fptype="dynamicanimation">
<!--
function dynAnimation() {}
function clickSwapImg() {}
//-->
</script>

<script language="JavaScript1.2" fptype="dynamicanimation">

<!--
 // See KB article about changing this dynamic HTML
 dynamicanimAttr = "dynamicanimation"
 animCancel = "skipanim"
 fpanimationPrefix = "fpAnim"
 animateElements = new Array()
 currentElement = 0
 speed = 1
 stepsZoom = 8
 stepsWord = 8
 stepsFly = 17
 stepsSpiral = 16
 stepsSpiralWord = 19
 stepsElastic = 32
 steps = stepsZoom
 step = 0
 cornerPhase=0
 outEffect=0
 function remSuffix(str)
 {
  ind=str.indexOf("FP")
  str = str.substring(0,ind)
  return str
 }
 function dynAnimOut(el)
 {
  outEffect=1
  dynAnimation(el)
  outEffect=0
 }
 function dynAnimation(obj)
 {  
  animateElements = new Array()
  var ms = navigator.appVersion.indexOf("MSIE")
  var macness = navigator.appVersion.indexOf("Macintosh")

  ie4 = (ms>0) && (parseInt(navigator.appVersion.substring(ms+5, ms+6)) >= 4)
  ns6 = false
  if(!ie4)
  {
   if((navigator.appName == "Netscape") &&
    (parseInt(navigator.appVersion.subst ring(0, 1)) >= 5))
   {
    ns6=true
    doc_els=document.getElementsByTagNam e('*')
   }
   else if((navigator.appName == "Netscape") &&
    (parseInt(navigator.appVersion.subst ring(0, 1)) == 4))
   {
    doc_els=document.layers
   }
   else
    return
  }
  else
   doc_els=document.all
        if(outEffect && !ie4)
             return
  if(ie4)
  {
      for (index=document.all.length-1; index >= document.body.sourceIndex; index--)
   {
    el = document.all[index]
    if(outEffect && el != obj)
     continue
    if(outEffect)
     animationId = el.id.substring(9,el.id.length)
    else
     animationId = el.id.substring(6,el.id.length)
    animation=remSuffix(animationId)
    if(null != animation)
    {
     altcnt=0
     if( animation == "dropWord"    ||
      animation == "flyTopRightWord"   ||
      animation == "flyBottomRightWord"  ||
      animation == "waveWords"   ||
      animation == "hopWords")
     {
      ih = el.innerHTML
      outString = ""
      i1 = 0
      iend = ih.length
      while(true)
      {
       i2 = startWord(ih, i1)
       if(i2 == -1)
       i2 = iend
       outWord(ih, i1, i2, false, "", outEffect ? obj.id : el.id)
       if(i2 == iend)
        break
       i1 = i2
       i2 = endWord(ih, i1)
       if(i2 == -1)
        i2 = iend
       if (animation == "waveWords")
        outWordAlt(i h, i1, i2, true, animation, altcnt)
       else
        outWord(ih, i1, i2, true, (outEffect ? "Out" : "") + animation,
         outEff ect ?  obj.id : el.id)

       if(i2 == iend)
        break
       i1 = i2
       altcnt++
      }
      document.all[index].innerHTML = outString
      document.all[index].style.posLeft = 0
      document.all[index].setAttribute(animCancel, true)
      document.all[index].style.visibility="visible"
     }
    }
   }
  }
  i = 0
  for (index=0; index < doc_els.length; index++)
  {
   el = doc_els[index]
   if(0 != el.id.indexOf(fpanimationPrefix))
    continue
   if (ie4)
   {
    elprops=el.style
    scrollOffsetTop=document.body.scroll Top
    docHeight=document.body.offsetHeight
    docWidth=document.body.offsetWidth
    elW=100
    elH=el.offsetHeight
   }
   else
   {
    scrollOffsetTop=window.pageYOffset
    docHeight=window.innerHeight
    docWidth=window.innerWidth
    if (ns6)
    {
     elprops=el.style
     elW=100
     elH=el.offsetHeight
    }
    else{
     elprops=el
     elW=el.clip.width
     elH=el.clip.height
    }
   }
   if(outEffect)
    animationId = el.id.substring(9,el.id.length)
   else
    animationId = el.id.substring(6,el.id.length)
   animation=remSuffix(animationId)
   if(outEffect && (obj != el))
   {
    if(el.SRCID != obj.id)
     continue
   }
   if (null != animation )
   {
    if(ie4 && null!=el.getAttribute(animCancel, false))
     continue
    if(!ie4)
    {
     elprops.posLeft=elprops.left
     elprops.posTop=elprops.top
    }
    el.startL=offsetLeft(el)
    if(animation == "f

im not sure about this, but you could try to place the a tag outside of the cell.. <a href="......." target="...."><td .........></td></a>

im not sure.. but you couldt try..

Hi God_Struth,

I just want to give you a BIG thankyou for all your help with the Javascript menu. It works great and it does exactly what I want it to do. Judging by the amount of READS to this post others have also been interested in this subject of Navigation.

I have successfully now made the "Head" part of the script an include on all the pages that I want the menues to be, and then I just include the table with the links where I want that.

Again thanks a million, your help has been so appreciated.

Also Anthrax thanks again for your help....it was great getting such quick feedback,suggestions and advice

Kind Regards

Maxi