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:08
PopUp not working as before
Poster: myalo
Dated: Tuesday August 25 2009 - 1:00:32 BST
I need help to figure out a problem.
We are in the process of changing our website. Some sub sites have been moved to new server and using aspx instead of asp. The top menu is static (no asp code) and is build like that:
<div id="nav">
<a id="au" href="http://aboutus.ajula.edu" onmouseover="popup('About Us','au');" onmouseout="popdown()" onclick="document.location.href='http://www.ajula.edu/Content/ContentUnit.asp?CID=7&u=976&t=0';">
About Us</a>
and so on
It works perfectly in the current site (for example wcce.ajula.edu) - when moving from one <a> to the other, coming from the top or from the bottom it works as expected, poping down and up with no problems.
In the new site (for example: cpo.ajula.edu) it does not popup() when moving with the mouse from <a> to <a> and it works OK when moving the mouse from outside the <div> of all <a> onto any of the <a> .
What are we missing?
Thanks in advance
Re: PopUp not working as before
Poster: Ruth
Dated: Tuesday August 25 2009 - 9:23:24 BST
Hi,
Well, I got it to work. Along with the following info, try changing the menuCloseDelay=0 to =10. Then here is a post of one of your popups
Code:
<A id=au onmouseover="popdown();popup('About Us','au');"
onclick="document.location.href='http://www.ajula.edu/Content/ContentUnit.asp?CID=7&u=976&t=0';"
onmouseout=popdown() href="http://aboutus.ajula.edu/">About Us</A>
onclick="document.location.href='http://www.ajula.edu/Content/ContentUnit.asp?CID=7&u=976&t=0';"
onmouseout=popdown() href="http://aboutus.ajula.edu/">About Us</A>
Notice that you have onmouseover="popdown();popup('About Us','au');" and then the onclick stuff and finally a second onmouseout=popdown(). Try making it this, and then make the same corrections in the other popup ones
Code:
<A id=au onmouseover="popup('About Us','au');" onclick="document.location.href='http://www.ajula.edu/Content/ContentUnit.asp?CID=7&u=976&t=0';"
onmouseout="popdown();" href="http://aboutus.ajula.edu/">About Us</A>
onmouseout="popdown();" href="http://aboutus.ajula.edu/">About Us</A>
Just out of curiosity, how come you are using the popup stuff instead of just creating a regular menu?
Ruth
Re: PopUp not working as before
Poster: myalo
Dated: Wednesday August 26 2009 - 5:45:45 BST
Thank you very much for your help
The code in the current and new website were not the same as you pointed out. The popdown() in the mouse over before the popup() was a work around of drop down menus not closing quick enough which I guess was fixed in another way.
BTW what is the meaning of menuCloseDelay=0 - no delay?
The reason I was not using menu but popup() on <a> is that when I did it a few years ago, I found it very difficult to get the right size and style (such as the dashed lines between the menu items but on the two ends). Looking the the current menu on www.ajula.edu do you think it is possible to style exactly like that with Milonic style settings?
I would also like to ask you about the the Tree expand collapse menu. I found a link using the search on the Milonic site, but it is not one of the samples. Can I use this sample? Will it work well on all browsers?
Thank you
Moshe
Re: PopUp not working as before
Poster: Ruth
Dated: Thursday August 27 2009 - 11:05:21 BST
Hi,
Yes, you can set it up as a Milonic menu.
Add this to your css style on the page
Code:
.milbord{
border-top:0px #ffffff dashed;border-right:1px #ffffff dashed;border-bottom:0px #ffffff dashed;border-left:0px #ffffff dashed;color:#ffffff}
.milbord1{
border-top:0px #ffffff dashed;border-right:0px #ffffff dashed;border-bottom:0px #ffffff dashed;border-left:0px #ffffff dashed;color:#ffffff}
border-top:0px #ffffff dashed;border-right:1px #ffffff dashed;border-bottom:0px #ffffff dashed;border-left:0px #ffffff dashed;color:#ffffff}
.milbord1{
border-top:0px #ffffff dashed;border-right:0px #ffffff dashed;border-bottom:0px #ffffff dashed;border-left:0px #ffffff dashed;color:#ffffff}
Then add this style to the others
Code:
with(mainStyle=new mm_style()){
offclass="milbord";
onclass="milbord";
offbgcolor="#3a7d97";
onbgcolor="#7FB194";
offcolor="#ffffff";
oncolor="#ffffff";
visitedcolor="#ffffff";
padding="7px 2px 2px 2px";
fontfamily=" Verdana, Geneva, Arial, Helvetica, sans-serif";
fontweight="bold";
fontsize="10px";
fontstyle="normal";
align="center";
rawcss="line-height:13px;";
}
offclass="milbord";
onclass="milbord";
offbgcolor="#3a7d97";
onbgcolor="#7FB194";
offcolor="#ffffff";
oncolor="#ffffff";
visitedcolor="#ffffff";
padding="7px 2px 2px 2px";
fontfamily=" Verdana, Geneva, Arial, Helvetica, sans-serif";
fontweight="bold";
fontsize="10px";
fontstyle="normal";
align="center";
rawcss="line-height:13px;";
}
Then this is your main menu you put in that nav div. This would be in place of the popup links you have there.
Code:
<script type=text/javascript>
with(milonic=new menuname("MainMenu2")){
style=mainStyle;
alwaysvisible=1;
orientation="horizontal";
menuwidth=800;
menuheight=55;
itemwidth=78;
position='relative';
aI("text=About Us;showmenu=About Us;url=http://www.ajula.edu/Content/ContentUnit.asp?CID=7&u=976&t=0;");
aI("text=Future Students;showmenu=Prospective Students;url=http://admissions.ajula.edu/default.asp;");
aI("text=Academics;showmenu=Academics;url=http://Academics.ajula.edu/Content/ContentUnit.asp?CID=8&u=977&t=0;");
aI("text=Current Students;showmenu=Current Students;url=http://currentstudents.ajula.edu/default.asp;");
aI("text=Ostrow Library;showmenu=Library;url=http://library.ajula.edu;");
aI("showmenu=Think Tank;text=Think Tanks;url=http://cpo.ajula.edu/;");
aI("text=Continuing Education;showmenu=DCE;url=http://wcce.ajula.edu/;");
aI("text=Judaism at the UJ;showmenu=Judaism __at__ the UJ;url=http://judaism.ajula.edu/;");
aI("text=Brandeis Bardin;showmenu=Brandeis Bardin;url=http://bbc.ajula.edu/;");
aI("text=Culture;showmenu=Culture;url=http://culture.ajula.edu/default.asp;");
aI("text=Giving to AJU;showmenu=Giving to the UJ;url=http://giving.ajula.edu/;offclass=milbord1;onclass=milbord1;");
}
drawMenus();
</script>
with(milonic=new menuname("MainMenu2")){
style=mainStyle;
alwaysvisible=1;
orientation="horizontal";
menuwidth=800;
menuheight=55;
itemwidth=78;
position='relative';
aI("text=About Us;showmenu=About Us;url=http://www.ajula.edu/Content/ContentUnit.asp?CID=7&u=976&t=0;");
aI("text=Future Students;showmenu=Prospective Students;url=http://admissions.ajula.edu/default.asp;");
aI("text=Academics;showmenu=Academics;url=http://Academics.ajula.edu/Content/ContentUnit.asp?CID=8&u=977&t=0;");
aI("text=Current Students;showmenu=Current Students;url=http://currentstudents.ajula.edu/default.asp;");
aI("text=Ostrow Library;showmenu=Library;url=http://library.ajula.edu;");
aI("showmenu=Think Tank;text=Think Tanks;url=http://cpo.ajula.edu/;");
aI("text=Continuing Education;showmenu=DCE;url=http://wcce.ajula.edu/;");
aI("text=Judaism at the UJ;showmenu=Judaism __at__ the UJ;url=http://judaism.ajula.edu/;");
aI("text=Brandeis Bardin;showmenu=Brandeis Bardin;url=http://bbc.ajula.edu/;");
aI("text=Culture;showmenu=Culture;url=http://culture.ajula.edu/default.asp;");
aI("text=Giving to AJU;showmenu=Giving to the UJ;url=http://giving.ajula.edu/;offclass=milbord1;onclass=milbord1;");
}
drawMenus();
</script>
Hope this helps. OH, there seems to be an error in the listing of that menu version. 5.824 is what is downloading. I will post about that to Milonic.
Ruth