Cannot select sub menu...

Having problems with DHTML Menu? There is usually somebody here who knows the answer.
Post Reply
Larwince
Beginner
Beginner
Posts: 6
Joined: Thu Apr 19, 2007 3:41 pm

Cannot select sub menu...

Post by Larwince »

I cannot select sub menu until I scroll down my page. After about 13 mm I can select the all of the five lines in the sub menu (It slowly allows me to select each one the farther I scroll down the page). The Sub menus then works fine. I have only completed the first submenu...I am still working on the others

Code is as Follows...
The .JS file


_menuCloseDelay=200 // The time delay for menus to remain visible on mouse out
_menuOpenDelay=200 // The time delay before menus open on mouse over
_followSpeed=5 // Follow scrolling speed
_followRate=40 // Follow scrolling Rate
_subOffsetTop=10 // Sub menu top offset
_subOffsetLeft=-10 // Sub menu left offset
_scrollAmount=3 // Only needed for Netscape 4.x
_scrollDelay=20 // Only needed for Netcsape 4.x

closeAllOnClick = true;

with(LMCareerMenuStyle=new mm_style())
{
itemheight = "18";
onbgcolor = "#026cb8";
oncolor = "black";
offbgcolor = "#026cb8";
offcolor = "white";
bordercolor = "black";
borderstyle = "solid";
borderwidth=0;
separatorcolor="white";
separatorsize=1;
separatorheight=0;
separatorpadding=0;
padding=18;
fontsize="12px";
fontstyle="normal";
fontfamily="Verdana, Arial, Helvetica, sans-serif";
fontweight="bold";
closeonclick=1;
}

with(LMCareerpopMenuStyle=new mm_style()){
onbgcolor="#ccccff";
oncolor="black";
offbgcolor="white";
offcolor="black";
bordercolor="#cccccc";
borderstyle="solid";
borderwidth=1;
itemheight="10";
separatorcolor="#cccccc";
separatorsize=1;
separatorheight=1;
padding=2;
fontsize="11";
fontstyle="normal";
fontfamily="Arial";
pagecolor="black";
pagebgcolor="#82B6D7";
headercolor="#000000";
headerbgcolor="#ccccff";
}


HTML/Javascript page

<table cellpadding="0" cellspacing="0" border="0" width="800px">
<tr>
<td style="background-color: #026cb8;width: 223px">
<script type="text/javascript">
with(milonic=new menuname("Career Main Menu")){
style=LMCareerMenuStyle;
menuwidth="223";
menualign="left";
top="184";
left="0";
alwaysvisible=1;

aI("text=Home;url=javascript:alert('Hello');");
aI("text=Grab Hold of Your Career;showmenu=HoldCareer;");
aI("text=Business Area Career<br>&nbsp;&nbsp;&nbsp;Development Resources;showmenu=DesktopSupport;");
aI("text=Frequently Asked Questions;url=javascript:ShowAboutLmp;");
aI("text=LM Career Development<br>&nbsp;&nbsp;&nbsp;Resources;showmenu=DesktopSupport;");
aI("text=LM Purposes and Values;showmenu=DesktopSupport;");
aI("text=Full Spectrum Leadership;showmenu=DesktopSupport;");
aI("text=Business Area Mentoring<br>&nbsp;&nbsp;&nbsp;Resources ;showmenu=DesktopSupport;");
aI("text=Suggested Career<br>&nbsp;&nbsp;&nbsp;Development Reading<br>&nbsp;&nbsp;&nbsp;Material;showmenu=DesktopSupport;");

}

with(milonic=new menuname("HoldCareer")){
style=LMCareerpopMenuStyle;
margin=0;
top="offset=-110";
aI("text=Start Here;url=javascript:alert('HELLO')");
aI("text=Step 1. Self Discovery and Assessment;url=javascript:alert('Test')");
aI("text=Step 2. Career Exploration;url=javascript:alert('Wow')");
aI("text=Step 3. Goal Setting;url=javascript:alert('Testy')");
aI("text=Step 4. Development Planning;url=javascript:alert('Tester')");
aI("text=Step 5. Implementation & Evaluation;url=javascript:alert('Completely_Different')");

}

with(milonic=new menuname("DesktopSupport")){
style=LMCareerpopMenuStyle;
//margin=0;
top="offset=-1";
aI("text=EIS Help;url=javascript:GoOutsideSite('DesktopSupport','_new');");
aI("text=Browser Instructions;url=javascript:GoOutsideSite('BrowserInstructions','_new');");
}

drawMenus();

</script>
</td>
<td style="width: 20px"></td>
<td>Stuff</td>
</tr>
</table>
User avatar
Ruth
 Team
 Team
Posts: 8763
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

Post by Ruth »

Hi,

You have put this menu in a table, but you have set the top and left position, so do you want it in the table, or set at the top and left position?

If you want it in a table, please see which gives explanations with screenshots of how to accomplish this, and the second link which has other links for more information on this if you need it.

http://support.milonic.com/beginners/ta ... /index.htm

viewtopic.php?t=8777

If it is to be in a table, you'll need to position it relatively, and get the subs back in the data file, not on the page. There are two methods given in that table example page, the top is the newest, method two, the lower one, is the original, either can be used.

Ruth
Larwince
Beginner
Beginner
Posts: 6
Joined: Thu Apr 19, 2007 3:41 pm

Post by Larwince »

I am using vertical menus....does that matter. I actually find this exact post by you previously. I just couldn't find what I was looking for. Maybe I need to look harder.
User avatar
Ruth
 Team
 Team
Posts: 8763
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

Post by Ruth »

Hi,

What are you doing? Are you putting the menu in a table? Can you put up a test page, or give me the full page so I can see what you want as to menu placement and layout of the page?

It doesn't matter which orientation you use, horizontal or vertical placing the menu in a table follows the same rule no matter what. Did you look at the table example page which has the explanation of how to put the menu into a table, if that's what you need? If you didn't understand it, perhaps I can explain better.

Ruth
Larwince
Beginner
Beginner
Posts: 6
Joined: Thu Apr 19, 2007 3:41 pm

Post by Larwince »

I rewrote my page to look as follows:

Html page

<table cellpadding="0" cellspacing="0" border="0" width="800px">
<tr>
<td style="background-color: #026cb8;width: 223px">
<script type="text/javascript" src="../../WebScripts/Milonic/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 type="text/javascript" src="../../WebScripts/Milonic/LMCareerMenu.js">
</script>

</td>
<td style="width: 20px"></td>
<td>Stuff</td>
</tr>
</table>

My JS File

// JScript File
alert("OPENED LMCareer Menu")
with(milonic=new menuname("Career Main Menu")){
style=LMCareerMenuStyle;
menuwidth="223";
menualign="left";
//top="184";
//left="0";
position="relative"

alwaysvisible=1;

aI("text=Home;url=javascript:alert('Hello');");
aI("text=Grab Hold of Your Career;showmenu=HoldCareer;");
aI("text=Business Area Career<br>&nbsp;&nbsp;&nbsp;Development Resources;showmenu=BusinessArea;");
aI("text=Frequently Asked Questions;url=javascript:alert('page goes here');");
aI("text=LM Career Development<br>&nbsp;&nbsp;&nbsp;Resources;showmenu=DesktopSupport;");
aI("text=LM Purposes and Values;showmenu=DesktopSupport;");
aI("text=Full Spectrum Leadership;showmenu=DesktopSupport;");
aI("text=Business Area Mentoring<br>&nbsp;&nbsp;&nbsp;Resources ;showmenu=DesktopSupport;");
aI("text=Suggested Career<br>&nbsp;&nbsp;&nbsp;Development Reading<br>&nbsp;&nbsp;&nbsp;Material;showmenu=DesktopSupport;");

}
with(milonic=new menuname("HoldCareer")){
style=LMCareerpopMenuStyle;
margin=0;
top="offset=-110";
aI("text=Start Here;url=javascript:alert('HELLO')");
aI("text=Step 1. Self Discovery and Assessment;url=javascript:alert('Test')");
aI("text=Step 2. Career Exploration;url=javascript:alert('Wow')");
aI("text=Step 3. Goal Setting;url=javascript:alert('Testy')");
aI("text=Step 4. Development Planning;url=javascript:alert('Tester')");
aI("text=Step 5. Implementation & Evaluation;url=javascript:alert('Completely_Different')");

}

with(milonic=new menuname("BusinessArea")){
style=LMCareerpopMenuStyle;
margin=0;
top="offset=-110";
aI("text=Aeronautics;url=javascript:alert('Aeronautics Page Goes Here')");
aI("text=ESBA;url=javascript:alert('ESBA Page Goes Here')");
aI("text=Enterprise Operations;url=javascript:alert('Enterprise Operations Page Goes Here')");
aI("text=Space Systems Company;url=javascript:alert('Space Systems Company Page Goes Here')");
aI("text=IS&GS;url=javascript:alert('IS&GS Page Goes Here')");
aI("text=EIS;url=javascript:alert('EIS Page Goes Here')");

}

with(milonic=new menuname("DesktopSupport")){
style=LMCareerpopMenuStyle;
//margin=0;
top="offset=-1";
aI("text=EIS Help;url=javascript:GoOutsideSite('DesktopSupport','_new');");
aI("text=Browser Instructions;url=javascript:GoOutsideSite('BrowserInstructions','_new');");
}
drawMenus();



MENU is now missing
Larwince
Beginner
Beginner
Posts: 6
Joined: Thu Apr 19, 2007 3:41 pm

Post by Larwince »

Let me give a little more background on the web page.

The milonic _src.js is already being called as this is a sub page within another.


The table is actually within an <asp:Content> tag. I am sure this complicates thing somewhat.
User avatar
Ruth
 Team
 Team
Posts: 8763
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

Post by Ruth »

Hi,

oops, wrong post


Ruth
User avatar
Ruth
 Team
 Team
Posts: 8763
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

Post by Ruth »

Hi Again,

OK, well you posted the menu file, but what it doesn't have is the stuff at the top which if you are using the first method requires you add the line buildAfterLoad=true; at the top of the data file. So did you add that to this section. I really need to see the page if it's possible. I can't tell why the menu isn't showing up from a post.

Code: Select all

_menuCloseDelay=200 // The time delay for menus to remain visible on mouse out 
_menuOpenDelay=200 // The time delay before menus open on mouse over 
_followSpeed=5 // Follow scrolling speed 
_followRate=40 // Follow scrolling Rate 
_subOffsetTop=10 // Sub menu top offset 
_subOffsetLeft=-10 // Sub menu left offset 
_scrollAmount=3 // Only needed for Netscape 4.x 
_scrollDelay=20 // Only needed for Netcsape 4.x 
Also, that buildafterLoad=true; is an added feature, so you need to be at the newest version. This was put in starting with 5.754

Ruth
Larwince
Beginner
Beginner
Posts: 6
Joined: Thu Apr 19, 2007 3:41 pm

Post by Larwince »

I ripped away the table and I still have the same original problem with the sub menu unselectable until I scroll about 13 mm. That was the same problem when I did get the menu to work in the table.
User avatar
Ruth
 Team
 Team
Posts: 8763
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

Post by Ruth »

Hi,

If you have a pro or above license I suggest you contact Milonic since I cannot help without having the full page and stuff to see what is going on. There is no reason for not being able to get the submenus, there has been no report by anyone on the forums of that problem. This leads me to think it is something interacting with the menu somehow, like something in css, or something else, but as I said without the page and all that it has I can't work on it. Sorry.

I am a volunteer on the forum, and do not work for Milonic. I have no programming knowledge nor can I do js, but I'm pretty good at tracking down what is causing a problem if it's not actually in the program.

Ruth
Larwince
Beginner
Beginner
Posts: 6
Joined: Thu Apr 19, 2007 3:41 pm

Post by Larwince »

I have discovered my new menu is conflicting with the old menu.
Post Reply