PopUp not working as before

Having problems with DHTML Menu? There is usually somebody here who knows the answer.
Post Reply
myalo
Advanced
Advanced
Posts: 23
Joined: Mon Aug 28, 2006 6:54 pm
Contact:

PopUp not working as before

Post by myalo »

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/ContentUni ... &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
Moshe Yalovsky
User avatar
Ruth
 Team
 Team
Posts: 8763
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

Re: PopUp not working as before

Post by Ruth »

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: Select all

<A id=au onmouseover="popdown();popup('About Us','au');" 
onclick="document.location.href="http://websites.milonic.com/ajula.edu/Content/ContentUnit.asp?CID=7&u=976&t=0';" 
onmouseout=popdown() href="http://websites.milonic.com/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: Select all

<A id=au onmouseover="popup('About Us','au');" onclick="document.location.href="http://websites.milonic.com/ajula.edu/Content/ContentUnit.asp?CID=7&u=976&t=0';" 
onmouseout="popdown();" href="http://websites.milonic.com/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
myalo
Advanced
Advanced
Posts: 23
Joined: Mon Aug 28, 2006 6:54 pm
Contact:

Re: PopUp not working as before

Post by myalo »

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
Moshe Yalovsky
User avatar
Ruth
 Team
 Team
Posts: 8763
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

Re: PopUp not working as before

Post by Ruth »

Hi,

Yes, you can set it up as a Milonic menu.

Add this to your css style on the page

Code: Select all

.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}
Then add this style to the others

Code: Select all

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;";
}
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: Select all

<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@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
Post Reply