Hi I am designing a DHTML menu. When sombody selects an item in the menu I want another table to drop down under the menu. I use a javascript function for this which inserts the html table into to required place. The problem is it wont insert it as a table just the text. I dont have much expierence in javascript and was wondering could sombody take a quick look Here is a cut down example.
<HTML>
<HEAD>
<script language="javascript">
var last;
function dropMenu(elementID)
{
if(last)
{
var subMenu = document.getElementById(la
st);
subMenu.innerHTML = ""
}
var subMenu = document.getElementById(el
ementID);
subMenu.innerHTML = "<TABLE cellspacing=0 cellpadding=0 width=85 height=13 border=1>"
subMenu.innerHTML += "<TR>"
subMenu.innerHTML += "<TD width=85 height=13><span class=subHeader> New Releases </span>"
subMenu.innerHTML += "</TD>"
subMenu.innerHTML += "</TR>"
subMenu.innerHTML += "<TR>"
subMenu.innerHTML += "<TD width=85 height=13><span class=subHeader> All In Stock </span>"
subMenu.innerHTML += "</TD>"
subMenu.innerHTML += "</TR>"
subMenu.innerHTML += "<TR>"
subMenu.innerHTML += "<TD width=85 height=13><span class=subHeader> Back Catelogue </span>"
subMenu.innerHTML += "</TD>"
subMenu.innerHTML += "</TR>"
subMenu.innerHTML += "</TABLE>"
last = elementID
}
</script>
</HEAD>
<TABLE cellspacing=0 cellpadding=0 width=134 height=20>
<TR>
<TD width=134 height=20><span class=sectionHeader> Trance </span>
</TD>
</TR>
<TR>
<TD align=right>
<TABLE cellspacing=0 cellpadding=0 width=110 height=15 border=1>
<A href="javascript:dropMenu(
'TranceHar
d')"><TD width=110 height=15 id="TranceHardBtn"><span class=subHeader> Hard </span>
</TD></A>
</TR>
<TR><TD align="right" id="TranceHard" height="0">
</TD></TR>
<TR>
<A href="javascript:dropMenu(
'TranceTec
h')"><TD width=110 height=15 id="TranceTechBtn"><span class=subHeader> Tech Trance </span>
</TD></A>
</TR>
<TR><TD align="right" id="TranceTech" height="0">
</TD></TR>
<TR>
<A href="javascript:dropMenu(
'TrancePro
gressive')
"><TD width=110 height=15 id="TranceProgressiveBtn">
<span class=subHeader> Progressive </span>
</TD></A>
</TR>
<TR><TD align="right" id="TranceProgressive" height="0">
</TD></TR>
<TR>
<A href="javascript:dropMenu(
'TranceDee
p')"><TD width=110 height=15 id="TranceDeepBtn"><span class=subHeader> Deep </span>
</TD></A>
</TR>
<TR><TD align="right" id="TranceDeep">
</TD></TR>
<TD width=110 height=15>
</TD>
</TR>
</TABLE>
</TD></TR>
</TABLE>
</TD></TR>
</TABLE></HTML>
Thanks
John.
Start Free Trial