Dropdown Menu

[k0re]

Hi, I'm helping a friend "tweak" a site - add feats etc.. But I'm not familear with the coding used in the source... What I'd like to do is add a dropdown menu to this section


Quote:
_defbtn('Clr','','showClr()','toggle COLORS on/off')+
'<br>'+_defbtn('Htm','','showHtm()','toggle FORMATTING on/off')+
'<br>'+_defbtn('Bkg','','showTp()', 'toggle BACKGROUND on/off')+
'<br>'+_defbtn('Nms','','showNames()','toggle NAMES on/off')+
'<br>'+_defbtn('Bdr','','showBdr()','toggle BORDERS on/off')+
'<br>' + _defbtn('Emote', '', '_emoticons(1)', 'Enable emoticons') +
'<br>'+ _defbtn('Links', '', '_links(1)', 'DROP DOWN MENU') +
'<tr><td style="height:8">'+
'<tr bgcolor="'+cfg+'"><td>'+
_defbtn('Wrk','','_atWork(1)','At work...disable all media')+
//'<br>'+_defbtn('Enm','','_enableMates(1)','Enable buddies by default')+
'<tr><td style="height:8">'+
'<tr bgcolor="'+cfg+'"><td>'+
_defbtn('defb',' Refresh Room','refresh()','refresh/reload the room')+
'<br>'+_defbtn('defb',' Clear Room','klear(rmX);iSend(\'>klear\')','clear room contents')+
//'<br>'+_defbtn('defb',' RESET <u>ALL</u>?','_reset()','WARNING: DELETE ALL SAVED DATA!')+
'<tr><td id=shg style="height:100%">'+
'</td></tr></TABLE></div>';
htm+='</div>';//end ccb

} //end _tb=1


I'd like it to be added at the point where it says " '<br>'+ _defbtn('Links', '', '_links(1)', 'DROP DOWN MENU') + "

(I think this is the right section for it to be added to anyways..)

I've tried numerious functions (codes from others sites) but can't ever seem to fit it in

I would like this menu


Quote:
<ul id="sddm">
<li><a href="#"
onmouseover="mopen('m1')"
onmouseout="mclosetime()">Home</a>
<div id="m1"
onmouseover="mcancelclosetime()"
onmouseout="mclosetime()">
<a href="#">HTML Drop Down</a>
<a href="#">DHTML Menu</a>
<a href="#">JavaScript DropDown</a>
<a href="#">Cascading Menu</a>
<a href="#">CSS Horizontal Menu</a>
</div>
</li>
<li><a href="#"
onmouseover="mopen('m2')"
onmouseout="mclosetime()">Download</a>
<div id="m2"
onmouseover="mcancelclosetime()"
onmouseout="mclosetime()">
<a href="#">ASP Dropdown</a>
<a href="#">Pulldown menu</a>
<a href="#">AJAX Drop Submenu</a>
<a href="#">DIV Cascading Menu</a>
</div>
</li>
<li><a href="#">Order</a></li>
<li><a href="#">Help</a></li>
<li><a href="#">Contact</a></li>
</ul>
<div style="clear:both"></div>

Quote:
#sddm
{ margin: 0;
padding: 0;
z-index: 30}

#sddm li
{ margin: 0;
padding: 0;
list-style: none;
float: left;
font: bold 11px arial}

#sddm li a
{ display: block;
margin: 0 1px 0 0;
padding: 4px 10px;
width: 60px;
background: #5970B2;
color: #FFF;
text-align: center;
text-decoration: none}

#sddm li a:hover
{ background: #49A3FF}

#sddm div
{ position: absolute;
visibility: hidden;
margin: 0;
padding: 0;
background: #EAEBD8;
border: 1px solid #5970B2}

#sddm div a
{ position: relative;
display: block;
margin: 0;
padding: 5px 10px;
width: auto;
white-space: nowrap;
text-align: left;
text-decoration: none;
background: #EAEBD8;
color: #2875DE;
font: 11px arial}

#sddm div a:hover
{ background: #49A3FF;
color: #FFF}

Quote:
var timeout = 500;
var closetimer = 0;
var ddmenuitem = 0;

// open hidden layer
function mopen(id)
{
// cancel close timer
mcancelclosetime();

// close old layer
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

// get new layer and show it
ddmenuitem = document.getElementById(id);
ddmenuitem.style.visibility = 'visible';

}
// close showed layer
function mclose()
{
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}

// go close timer
function mclosetime()
{
closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime()
{
if(closetimer)
{
window.clearTimeout(closetimer);
closetimer = null;
}
}

// close layer when click-out
document.onclick = mclose;

I'm pretty sure thats the right code.

But yeah, help > advice would be extremly appreciated.
Thanks in advance, k0re.