Help with HTML drop down menus

I dont want to completely change all the code in my pages as the website is already up and this would take ages.

I would just like to make some quick changes to the above code.  Is there not a way i could add in something like <submenu> and the link to a few of the links above?

Unfortunately, no there is no other way to add submenu to the links above. The submenus are not an integral part of Javascript or HTML.

you could just add another div element with the sub-nav items in the same TD wrapper and then onmouseover event of the link1, link2 it showes the sub nav items.  The same effect could be acheived using javascript DOM level coding to insert sub menu items based on the parent link (link1, link2).

ok what way would i add the new sub menu in?

####################################

  <TR>
    <TD class=laynav bgColor=#df6920><A onfocus=blurLink(this);
      href="#">link1</A></TD></TR>
              <TR>    

<TR>
 <TD Class=sub-nav bgColor=#df6920><A onfocus=blurLink(this);
      href="#">link1a</A></TD></TR>
              <TR>    
###########################################

how would i add in the new div element for the submenu to appear after each link?

Here is an example I created using JS to create the sub-menu. The sub-menu items are declaired in the first few lines of the mArray with a object name (from link value), display name, url value for the links.  It then uses a for loop to only display the links for the corresponding parent clicked.  You can make the sub-menu a list item or whatever other html element you wish.

One could also expand this to do a close of the sub-menu on a second click, but that all depends on your application.

Cheers

#########################################
# Insert in a script tag in your document heading area            #
# or create a single .js file to call into all html pages (rec)       #
#########################################
var mArray = new Array(
                        ["href","name","url"],
                        ["link1","Sub1 Sample 1","sample1"],
                        ["link1","Sub1 Sample 2","sample2"],
                        ["link1","Sub1 Sample 3","sample3"],
                        ["link2","Sub2 Sample 1","sample1"],
                        ["link2","Sub2 Sample 2","sample2"]
                                    );


function addMenu(obj,name){
      var newItems = "";
      cObj = obj.lastChild;
      for(x = 0; x < mArray.length; x++){
            if(mArray[x][0] == name){
                  newItems += "<a href='"+ mArray[x][2] +"'>"+ mArray[x][1] +"</a><br />";
            }
      }
      if(obj.lastChild.nodeName == "DIV"){
            obj.lastChild.innerHTML = newItems;
      } else {
            myNewMenu = document.createElement("div");
            myNewMenu.setAttribute("name", name);
            myNewMenu.innerHTML = newItems;
            obj.appendChild(myNewMenu);
      }
}
</script>
#########################################

#########################################
# updates to the onclick or onfocus events to display submenu #
#########################################
<TR>
    <TD class=laynav bgColor=#df6920><A onfocus="blurLink(this);" onclick="addMenu(this.parentNode,this.innerHTML); return false" href="#">link1</A></TD>
</TR>


<TR>
      <TD Class=sub-nav bgColor=#df6920><A onfocus="blurLink(this);addMenu(this.parentNode,this.innerHTML); return false" href="#">link2</A></TD>
</TR>
#########################################

sitchey, was the first to reply and give a solution