Milonic provide full featured pull down web menus for some of the worlds largest companies
click here to see what it can do for you

Download Milonic DHTML Menu
Buy Milonic DHTML Menu

Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:07

Problem With Tabbed Style Menus


Poster: bdo
Dated: Monday April 24 2006 - 14:58:34 BST

Licence Number: 200083, URL:BDO,License Type:Worldwide.

I have created a Milonic Menu to display Portal Contact information. The design remit is to always display the three "main contact" categories, Our Company Contacts , Business Contacts and Other Contacts ,all in one portlet. Another portlet called the "view contacts" will list the contact names and job titles, when hovered over the contact entries display a person details.

Here is the current example I am working with:

<html>
<head>
<title>Milonic DHTML/JavaScript Menu Sample Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<style type="text/css">

.contactsPortletFrame{
border: 1px #000064 solid;
}
.contactsPortletHeader{
border: 1px #000064 solid;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #000064;
}
.personName{
border: 1px;
width:120;
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #000064;
}
.personJobTitle{
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
color:#6A90B9;
}
.personCardHeader{
padding-left:4;
font-weight:bold;
color:#FFFFFF;
background-color:#000064;
border: 1px #000064 solid;


}
.personCardBox{
color:#000064;
width:210px;
font-family:Arial;
font-size:11px;
background-color:#9EC0E5;
border: 1px #000064 solid;
}
.personCardBody{
padding:4;

}
.personCardSubTitle{
font-weight:bold;
color:#000064;
font-family:Arial;
}
.personPhoto{
position:absolute;
top:19px;
left:150px;
width:55px;
border: 1px #000064 solid;
}




</style>
</head>

<body>

<table id="portalRow1" >
<tr>
<td>
<table style="border: solid 1px;">
<tr>
<td class="contactsPortletHeader">Contacts</td>
</tr>
<tr>
<td id="mainContacts" valign=top style="height:220;width:200;">
<script type="text/javascript" src="milonic_src.js"></script>
<script type="text/javascript">
if(ns4)_d.write("<scr"+"ipt type=text/javascript src=mmenuns4.js><\/scr"+"ipt>");
else _d.write("<scr"+"ipt type=text/javascript src=mmenudom.js><\/scr"+"ipt>");
</script>
<script>
function findPosX(obj)
{
var curleft = 0;
if (obj.offsetParent)
{
while (obj.offsetParent)
{
curleft += obj.offsetLeft
obj = obj.offsetParent;
}
}
else if (obj.x)
curleft += obj.x;
return curleft;
}

function findPosY(obj)
{
var curtop = 0;
if (obj.offsetParent)
{
while (obj.offsetParent)
{
curtop += obj.offsetTop
obj = obj.offsetParent;
}
}
else if (obj.y)
curtop += obj.y;
return curtop;
}

function mm_closeClickedMenu(){

menuDisplay(_mi[_itemRef][7], 0);
}


fixMozillaZIndex=false; //Fixes Z-Index problem with Mozilla browsers but causes odd scrolling problem, toggle to see if it helps
_menuCloseDelay=100;
_menuOpenDelay=5;
_subOffsetTop=2;
_subOffsetLeft=-2;

forgetClickValue="true";


with(contacts=new mm_style()){
pointer='default';
padding=4;
offcolor="#000064";
offbgcolor="#FFFFFF";
oncolor="#FFFFFF";
onbgcolor="#000064";
fontfamily="Verdana, Tahoma, Arial";
fontsize="60%";
fontstyle="normal";
openonclick=1;
}

with(allPeopleStyle=new mm_style()){
pointer='default';
padding=4;
offbgcolor="#FFFFFF";
onbgcolor="#9EC0E5";

}

with(menuPersonStyle=new mm_style()){

pointer='default';
headerbgcolor="#ffffff";
headercolor="#000000";
offbgcolor="#9EC0E5";
offcolor="#000064";
padding=0;

overfilter="Shadow(color=#ADAEAD,Direction=125,Strength=4";


}

with(milonic=new menuname("AllContacts")){
style=contacts;
alwaysvisible=1;
openstyle="tab";
relative=1;
aI("clickcolor=#FFFFFF;clickbgcolor=#000064;text=Company Contacts;showmenu=CompanyContacts;keepalive=1;");
aI("clickcolor=#FFFFFF;clickbgcolor=#000064;text=Business Contacts;showmenu=BusinessContacts;keepalive=1;");
aI("clickcolor=#FFFFFF;clickbgcolor=#000064;text=Other Contacts;showmenu=OtherContacts;keepalive=1;");

}

drawMenus();

</script>
</td>
</tr>
</table>
</td>
<td>
<table style="border: solid 1px;">
<tr>
<td class="contactsPortletHeader">Other Portal1</td>
</tr>
<tr>
<td valign=top style="height:220;">
Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal
</td>
</tr>
</table>
</td>
</tr>


</table>
<table id="portalRow2">
<tr>
<td>
<table style="border: solid 1px;">
<tr>
<td class="contactsPortletHeader">Other Portal2</td>
</tr>
<tr>
<td valign=top style="height:220;">
Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal
</td>
</tr>
</table>
<td width=170>
<table style="border: solid 1px;">
<tr>
<td class="contactsPortletHeader">People</td>
</tr>
<tr>
<td valign=top style="height:220;width:200;">
<span id='contactPeopleListPosition' ></span>
</td>
</tr>
</table>
</td>
<td>
<table style="border: solid 1px;">
<tr>
<td class="contactsPortletHeader">Other Portal3</td>
</tr>
<tr>
<td id="viewContacts" valign=top style="height:220;">
Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal Stuff<BR>
<select>
<option>a<option>b<option>c
</select>and things in this portal Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal
</td>
</tr>
</table>
<td>
</tr>

</table>
<table id="portalRow3">
<tr>
<td>
<table style="border: solid 1px;">
<tr>
<td class="contactsPortletHeader">Other Portal4</td>
</tr>
<tr>
<td valign=top style="height:220;">
Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal
</td>
</tr>
</table>
<td>
<table style="border: solid 1px;">
<tr>
<td class="contactsPortletHeader">Other Portal5</td>
</tr>
<tr>
<td valign=top style="height:220;">
Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal
</td>
</tr>
</table>
</td>
<td>
<table style="border: solid 1px;">
<tr>
<td class="contactsPortletHeader">Other Portal6</td>
</tr>
<tr>
<td valign=top style="height:220;">
Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal Stuff<BR>
<select>
<option>a<option>b<option>c
</select>and things in this portal Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal Stuff and things in this portal
</td>
</tr>
</table>
<td>
</tr>

</table>
<script>

viewerPortalLeft=findPosX(document.getElementById('contactPeopleListPosition'))+5;
viewerPortalTop=findPosY(document.getElementById('contactPeopleListPosition'))+5;
with(milonic=new menuname("CompanyContacts")){
style=allPeopleStyle;
//overflow="scroll";
left=viewerPortalLeft;
top=viewerPortalTop;
//alwaysvisible=1;

aI("showmenu=personStevenHunt;text=<span class='personName'>Steven Hunt</span><br><span class='personJobTitle'>Web Developer</span>;");
aI("showmenu=personJohnJones;text=<span class='personName'>John Jones</span><br><span class='personJobTitle'>Web Developement Manager</span>;");
aI("showmenu=personSanneBoshuizen;text=<span class='personName'>Sanne Boshuizen</span><br><span class='personJobTitle'>Web Developer</span>;");
aI("showmenu=personTomasMalmsten;text=<span class='personName'>Tomas Malmsten</span><br><span class='personJobTitle'>Web Developer</span>;");
aI("showmenu=personAndyDines;text=<span class='personName'>Andy Dines</span><br><span class='personJobTitle'>Web Developer</span>;");
aI("showmenu=personJimBasey;text=<span class='personName'>Jim Basey</span><br><span class='personJobTitle'>Web Developer</span>;");

}
with(milonic=new menuname("BusinessContacts")){
style=allPeopleStyle;
left=viewerPortalLeft;
top=viewerPortalTop;
//overflow="scroll";

aI("showmenu=personPercyAdams;text=<span class='personName'>Percy Adams</span><br><span class='personJobTitle'>Web Developer</span>;");
aI("showmenu=personMarkSmith;text=<span class='personName'>Mark Smith</span><br><span class='personJobTitle'>Web Developement Manager</span>;");
aI("showmenu=personLizzyMinter;text=<span class='personName'>Lizzy Minter</span><br><span class='personJobTitle'>Web Developer</span>;");
aI("showmenu=personGregPiper;text=<span class='personName'>Greg Piper</span><br><span class='personJobTitle'>Web Developer</span>;");
aI("showmenu=personBobQuency;text=<span class='personName'>Bob Quency</span><br><span class='personJobTitle'>Web Developer</span>;");
aI("showmenu=personEmilyLong;text=<span class='personName'>Emily Long</span><br><span class='personJobTitle'>Web Developer</span>;");

}
with(milonic=new menuname("OtherContacts")){
style=allPeopleStyle;
left=viewerPortalLeft;
top=viewerPortalTop;
//overflow="scroll";

aI("showmenu=personDarrenBlack;text=<span class='personName'>Darren Black</span><br><span class='personJobTitle'>Web Developer</span>;");
aI("showmenu=personArnoldJones;text=<span class='personName'>Arnold Jones</span><br><span class='personJobTitle'>Web Developement Manager</span>;");
aI("showmenu=personKimHaddock;text=<span class='personName'>Kim Haddock</span><br><span class='personJobTitle'>Web Developer</span>;");
aI("showmenu=personJermyWhite;text=<span class='personName'>Jermy White</span><br><span class='personJobTitle'>Web Developer</span>;");
aI("showmenu=personClaireJennison;text=<span class='personName'>Claire Jennison</span><br><span class='personJobTitle'>Web Developer</span>;");
aI("onbgcolor=#FFFFFF;offbgcolor=#FFFFFF;text=`&nbsp;`");

}

with(milonic=new menuname("personStevenHunt")){
style=menuPersonStyle;
aI("type=form;text=<div class='personCardBox'><div class='personCardHeader'>Steven Hunt</div><div class='personCardBody' ><span class='personCardSubTitle'>Mail:</span><br><span class='personCardDetail'>steven.hunt __at__ thecomp.co.uk</span><BR><span class='personCardSubTitle'>Phone:</span><br><span class='personCardDetail'>0207 457 2399</span><span><img src='stevenhunt.jpg' class='personPhoto'></span><br><span class='personCardSubTitle'>Mobile:</span><br><span class='personCardDetail'>07750 683920</span><br><span class='personCardSubTitle'>Address:</span><br><span class='personCardDetail'>24 Main Road</span><br><span class='personCardDetail'>London</span><br><span class='personCardDetail'>W2J 1YJ</span></div></div>;");
}
with(milonic=new menuname("personJohnJones")){
style=menuPersonStyle;
aI("type=form;text=<div class='personCardBox'><div class='personCardHeader'>John Jones</div><div class='personCardBody' ><span class='personCardSubTitle'>Mail:</span><br><span class='personCardDetail'>john.jones __at__ thecomp.co.uk</span><BR><span class='personCardSubTitle'>Phone:</span><br><span class='personCardDetail'>0207 457 2137</span><span><img src='johnjones.jpg' class='personPhoto'></span><br><span class='personCardSubTitle'>Mobile:</span><br><span class='personCardDetail'>07750 683920</span><br><span class='personCardSubTitle'>Address:</span><br><span class='personCardDetail'>24 Main Road</span><br><span class='personCardDetail'>London</span><br><span class='personCardDetail'>W2J 1YJ</span></div></div>;");
}
with(milonic=new menuname("personSanneBoshuizen")){
style=menuPersonStyle;
aI("type=form;text=<div class='personCardBox'><div class='personCardHeader'>Sanne Boshuizen</div><div class='personCardBody' ><span class='personCardSubTitle'>Mail:</span><br><span class='personCardDetail'>Sanne.Boshuizen __at__ thecomp.co.uk</span><BR><span class='personCardSubTitle'>Phone:</span><br><span class='personCardDetail'>0207 457 2684</span><span><img src='sanneboshuizen.jpg' class='personPhoto'></span><br><span class='personCardSubTitle'>Mobile:</span><br><span class='personCardDetail'>07750 683920</span><br><span class='personCardSubTitle'>Address:</span><br><span class='personCardDetail'>24 Main Road</span><br><span class='personCardDetail'>London</span><br><span class='personCardDetail'>W2J 1YJ</span></div></div>;");
}
with(milonic=new menuname("personTomasMalmsten")){
style=menuPersonStyle;
aI("type=form;text=<div class='personCardBox'><div class='personCardHeader'>Tomas Malmsten</div><div class='personCardBody' ><span class='personCardSubTitle'>Mail:</span><br><span class='personCardDetail'>tomas.malmsten __at__ thecomp.co.uk</span><BR><span class='personCardSubTitle'>Phone:</span><br><span class='personCardDetail'>0207 457 2114</span><span><img src='tomasmalmsten.jpg' class='personPhoto'></span><br><span class='personCardSubTitle'>Mobile:</span><br><span class='personCardDetail'>07750 683920</span><br><span class='personCardSubTitle'>Address:</span><br><span class='personCardDetail'>24 Main Road</span><br><span class='personCardDetail'>London</span><br><span class='personCardDetail'>W2J 1YJ</span></div></div>;");
}
with(milonic=new menuname("personAndyDines")){
style=menuPersonStyle;
aI("type=form;text=<div class='personCardBox'><div class='personCardHeader'>Andy Dines</div><div class='personCardBody' ><span class='personCardSubTitle'>Mail:</span><br><span class='personCardDetail'>andy.dines __at__ thecomp.co.uk</span><BR><span class='personCardSubTitle'>Phone:</span><br><span class='personCardDetail'>0207 457 2456</span><span><img src='andydines.jpg' class='personPhoto'></span><br><span class='personCardSubTitle'>Mobile:</span><br><span class='personCardDetail'>07750 683920</span><br><span class='personCardSubTitle'>Address:</span><br><span class='personCardDetail'>24 Main Road</span><br><span class='personCardDetail'>London</span><br><span class='personCardDetail'>W2J 1YJ</span></div></div>;");
}
with(milonic=new menuname("personJimBasey")){
style=menuPersonStyle;
aI("type=form;text=<div class='personCardBox'><div class='personCardHeader'>Jim Basey</div><div class='personCardBody' ><span class='personCardSubTitle'>Mail:</span><br><span class='personCardDetail'>jim.basey __at__ thecomp.co.uk</span><BR><span class='personCardSubTitle'>Phone:</span><br><span class='personCardDetail'>0207 457 2199</span><span><img src='jimbasey.jpg' class='personPhoto'></span><br><span class='personCardSubTitle'>Mobile:</span><br><span class='personCardDetail'>07750 683920</span><br><span class='personCardSubTitle'>Address:</span><br><span class='personCardDetail'>24 Main Road</span><br><span class='personCardDetail'>London</span><br><span class='personCardDetail'>W2J 1YJ</span></div></div>;");
}
with(milonic=new menuname("personDarrenBlack")){
style=menuPersonStyle;
aI("type=form;text=<div class='personCardBox'><div class='personCardHeader'>Darren Black</div><div class='personCardBody' ><span class='personCardSubTitle'>Mail:</span><br><span class='personCardDetail'>darren_black __at__ pinky.com</span><BR><span class='personCardSubTitle'>Phone:</span><br><span class='personCardDetail'>0207 457 2199</span><span><img src='darrenblack.jpg' class='personPhoto'></span><br><span class='personCardSubTitle'>Mobile:</span><br><span class='personCardDetail'>07750 683920</span><br><span class='personCardSubTitle'>Address:</span><br><span class='personCardDetail'>24 Main Road</span><br><span class='personCardDetail'>London</span><br><span class='personCardDetail'>W2J 1YJ</span></div></div>;");
}
with(milonic=new menuname("personArnoldJones")){
style=menuPersonStyle;
aI("type=form;text=<div class='personCardBox'><div class='personCardHeader'>Arnold Jones</div><div class='personCardBody' ><span class='personCardSubTitle'>Mail:</span><br><span class='personCardDetail'>darren_black __at__ pinky.com</span><BR><span class='personCardSubTitle'>Phone:</span><br><span class='personCardDetail'>0207 457 2199</span><span><img src='arnoldjones.jpg' class='personPhoto'></span><br><span class='personCardSubTitle'>Mobile:</span><br><span class='personCardDetail'>07750 683920</span><br><span class='personCardSubTitle'>Address:</span><br><span class='personCardDetail'>24 Main Road</span><br><span class='personCardDetail'>London</span><br><span class='personCardDetail'>W2J 1YJ</span></div></div>;");
}
with(milonic=new menuname("personKimHaddock")){
style=menuPersonStyle;
aI("type=form;text=<div class='personCardBox'><div class='personCardHeader'>Kim Haddock</div><div class='personCardBody' ><span class='personCardSubTitle'>Mail:</span><br><span class='personCardDetail'>darren_black __at__ pinky.com</span><BR><span class='personCardSubTitle'>Phone:</span><br><span class='personCardDetail'>0207 457 2199</span><span><img src='kimhaddock.jpg' class='personPhoto'></span><br><span class='personCardSubTitle'>Mobile:</span><br><span class='personCardDetail'>07750 683920</span><br><span class='personCardSubTitle'>Address:</span><br><span class='personCardDetail'>24 Main Road</span><br><span class='personCardDetail'>London</span><br><span class='personCardDetail'>W2J 1YJ</span></div></div>;");
}
with(milonic=new menuname("personJermyWhite")){
style=menuPersonStyle;
aI("type=form;text=<div class='personCardBox'><div class='personCardHeader'>Jermy White</div><div class='personCardBody' ><span class='personCardSubTitle'>Mail:</span><br><span class='personCardDetail'>darren_black __at__ pinky.com</span><BR><span class='personCardSubTitle'>Phone:</span><br><span class='personCardDetail'>0207 457 2199</span><span><img src='jermywhite.jpg' class='personPhoto'></span><br><span class='personCardSubTitle'>Mobile:</span><br><span class='personCardDetail'>07750 683920</span><br><span class='personCardSubTitle'>Address:</span><br><span class='personCardDetail'>24 Main Road</span><br><span class='personCardDetail'>London</span><br><span class='personCardDetail'>W2J 1YJ</span></div></div>;");
}
with(milonic=new menuname("personClaireJennison")){
style=menuPersonStyle;
aI("type=form;text=<div class='personCardBox'><div class='personCardHeader'>Claire Jennison</div><div class='personCardBody' ><span class='personCardSubTitle'>Mail:</span><br><span class='personCardDetail'>darren_black __at__ pinky.com</span><BR><span class='personCardSubTitle'>Phone:</span><br><span class='personCardDetail'>0207 457 2199</span><span><img src='clairejennison.jpg' class='personPhoto'></span><br><span class='personCardSubTitle'>Mobile:</span><br><span class='personCardDetail'>07750 683920</span><br><span class='personCardSubTitle'>Address:</span><br><span class='personCardDetail'>24 Main Road</span><br><span class='personCardDetail'>London</span><br><span class='personCardDetail'>W2J 1YJ</span></div></div>;");
}
with(milonic=new menuname("personPercyAdams")){
style=menuPersonStyle;
aI("type=form;text=<div class='personCardBox'><div class='personCardHeader'>Percy Adams</div><div class='personCardBody' ><span class='personCardSubTitle'>Mail:</span><br><span class='personCardDetail'>darren_black __at__ pinky.com</span><BR><span class='personCardSubTitle'>Phone:</span><br><span class='personCardDetail'>0207 457 2199</span><span><img src='percyadams.jpg' class='personPhoto'></span><br><span class='personCardSubTitle'>Mobile:</span><br><span class='personCardDetail'>07750 683920</span><br><span class='personCardSubTitle'>Address:</span><br><span class='personCardDetail'>24 Main Road</span><br><span class='personCardDetail'>London</span><br><span class='personCardDetail'>W2J 1YJ</span></div></div>;");
}
with(milonic=new menuname("personMarkSmith")){
style=menuPersonStyle;
aI("type=form;text=<div class='personCardBox'><div class='personCardHeader'>Mark Smith</div><div class='personCardBody' ><span class='personCardSubTitle'>Mail:</span><br><span class='personCardDetail'>darren_black __at__ pinky.com</span><BR><span class='personCardSubTitle'>Phone:</span><br><span class='personCardDetail'>0207 457 2199</span><span><img src='marksmith.jpg' class='personPhoto'></span><br><span class='personCardSubTitle'>Mobile:</span><br><span class='personCardDetail'>07750 683920</span><br><span class='personCardSubTitle'>Address:</span><br><span class='personCardDetail'>24 Main Road</span><br><span class='personCardDetail'>London</span><br><span class='personCardDetail'>W2J 1YJ</span></div></div>;");
}
with(milonic=new menuname("personLizzyMinter")){
style=menuPersonStyle;
aI("type=form;text=<div class='personCardBox'><div class='personCardHeader'>Lizzy Minter</div><div class='personCardBody' ><span class='personCardSubTitle'>Mail:</span><br><span class='personCardDetail'>darren_black __at__ pinky.com</span><BR><span class='personCardSubTitle'>Phone:</span><br><span class='personCardDetail'>0207 457 2199</span><span><img src='lizzyminter.jpg' class='personPhoto'></span><br><span class='personCardSubTitle'>Mobile:</span><br><span class='personCardDetail'>07750 683920</span><br><span class='personCardSubTitle'>Address:</span><br><span class='personCardDetail'>24 Main Road</span><br><span class='personCardDetail'>London</span><br><span class='personCardDetail'>W2J 1YJ</span></div></div>;");
}
with(milonic=new menuname("personGregPiper")){
style=menuPersonStyle;
aI("type=form;text=<div class='personCardBox'><div class='personCardHeader'>Greg Piper</div><div class='personCardBody' ><span class='personCardSubTitle'>Mail:</span><br><span class='personCardDetail'>gpiper __at__ perky.net</span><BR><span class='personCardSubTitle'>Phone:</span><br><span class='personCardDetail'>0207 457 2199</span><span><img src='gregpiper.jpg' class='personPhoto'></span><br><span class='personCardSubTitle'>Mobile:</span><br><span class='personCardDetail'>07750 683920</span><br><span class='personCardSubTitle'>Address:</span><br><span class='personCardDetail'>24 Main Road</span><br><span class='personCardDetail'>London</span><br><span class='personCardDetail'>W2J 1YJ</span></div></div>;");
}
with(milonic=new menuname("personBobQuency")){
style=menuPersonStyle;
aI("type=form;text=<div class='personCardBox'><div class='personCardHeader'>Bob Quency</div><div class='personCardBody' ><span class='personCardSubTitle'>Mail:</span><br><span class='personCardDetail'>gpiper __at__ perky.net</span><BR><span class='personCardSubTitle'>Phone:</span><br><span class='personCardDetail'>0207 457 2199</span><span><img src='bobquency.jpg' class='personPhoto'></span><br><span class='personCardSubTitle'>Mobile:</span><br><span class='personCardDetail'>07750 683920</span><br><span class='personCardSubTitle'>Address:</span><br><span class='personCardDetail'>24 Main Road</span><br><span class='personCardDetail'>London</span><br><span class='personCardDetail'>W2J 1YJ</span></div></div>;");
}
with(milonic=new menuname("personEmilyLong")){
style=menuPersonStyle;
aI("type=form;text=<div class='personCardBox'><div class='personCardHeader'>Emily Long</div><div class='personCardBody' ><span class='personCardSubTitle'>Mail:</span><br><span class='personCardDetail'>gpiper __at__ perky.net</span><BR><span class='personCardSubTitle'>Phone:</span><br><span class='personCardDetail'>0207 457 2199</span><span><img src='emilylong.jpg' class='personPhoto'></span><br><span class='personCardSubTitle'>Mobile:</span><br><span class='personCardDetail'>07750 683920</span><br><span class='personCardSubTitle'>Address:</span><br><span class='personCardDetail'>24 Main Road</span><br><span class='personCardDetail'>London</span><br><span class='personCardDetail'>W2J 1YJ</span></div></div>;");
}

drawMenus();
</script>

</body>
</html>


This is the list of issues I currently have with this code:

1. I am trying to use the openstyle="tab" method to keep 1 contacts list open at a time and so the "main contact" option stays selected, and the last "view contacts" list of contacts to disappear (at the moment they overlay one on top of the other). The example I have included works for the first time on all of the "main contact" categories, but then fails there after.
2. If the list of "view contacts" is longer that a stated size then a scroll bar appears limiting the size of space taken up on the screen. This is possible if the list/submenu is longer than the screen size, but I can't find out how to limit a menu height.
3. External Javascript script function that opens a "view contacts" list/submenu. This will allow me to select via code which one should appear be default.
4. External Javascript script function that closes a "view contacts" list/submenu. This will allow me to select via code which one should appear be default.
5. Currently I am using two javascript functions (findPosX,findPosY) to place the "view contacts" lists/submenus in the correct place on the screen (where ever the "view contacts" portal is positioned). Ultimately I would like to know if this could be achieved by using the 'relative' setting.

Hope you can help and that this all makes sense.

Thanks in-advance

Steve


Poster: Andy
Dated: Monday May 15 2006 - 11:28:13 BST

Hi,

If this problem still remains un-solved can you please visit http://www.milonic.com/support/ and submit the problem on the official support system.

Cheers,
Andy

©1998-2012 Milonic Solutions Ltd. UK Registered Company #4406835
Privacy Policy | License Agreement | Contact Us | Tech Support