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:41

IE MAC and Popup function


Poster: jcyr
Dated: Monday February 23 2004 - 20:33:35 GMT

Ok, I have just registered and downloaded the code to put on a new site I am working on. It works fine on the PC, but our Macs either show nothing or an error on IE. Those same IE/Mac combos view the milonic site fine, thoguh VERY slowly.

http://www.harbourlight.com/wire/index2.html

The html to trigger the menu to open is <a href="calendar.cfm" onMouseOver="imgswap('a1','a12'); popup('calendarnav','a1')" onMouseOut="imgswap('a1','a11'); popdown()"><img src="siteimages/calendar_n.gif" width="138" height="29" alt="Calendar" border="0" name="a1"></a>

The code to show the menu is:



_menuCloseDelay=100 // The time delay for menus to remain visible on mouse out
_menuOpenDelay=100 // 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



with(menuStyle=new mm_style()){
onbgcolor="#000066";
oncolor="#FFCC00";
offbgcolor="#dddddd";
offcolor="#333333";
bordercolor="#296488";
borderstyle="solid";
borderwidth=1;
separatorcolor="#2D729D";
separatorsize="1";
padding=5;
fontsize="100%";
fontstyle="normal";
fontfamily="Verdana, Tahoma, Arial";
pagecolor="black";
pagebgcolor="#82B6D7";
headercolor="#000000";
headerbgcolor="#ffffff";
subimage="arrow.gif";
subimagepadding="2";
overfilter="Fade(duration=0.2);Shadow(color='#999999', Direction=135, Strength=5)";
}


with(milonic=new menuname("calendarnav")){
style=menuStyle;
overflow="scroll";
aI("text=Horizontal Navigational Menu;url=/menusample1.php;offfunction=imgswap('a1','a11');onfunction=imgswap('a1','a12');");
aI("text=Vertical Navigational Menu;url=/menusample2.php;offfunction=imgswap('a1','a11');onfunction=imgswap('a1','a12');");
}


Poster: Maz
Dated: Monday February 23 2004 - 21:10:31 GMT

A couple of things, first upgrade by updating the 3 main js files with 5.3, new today.

Then change your paths to /wire/milonic_src.js

Regards,
maz


Poster: jcyr
Dated: Monday February 23 2004 - 21:22:38 GMT

Just did both same error. Javascript error. Line 58 (unsure if that is of my html or a javascript file) pp.0 is undefined or something very similar to that.


Poster: Maz
Dated: Monday February 23 2004 - 22:14:26 GMT

I think you need someone who knows javascript.

I use Safari with popups off and I don't see any submenus.

I would suggest placing the script under the body tag, but doubt that's going to help at this point.

One question is how accessible are popups when everyone switches off popups. Its likely something was done about popups in 5.3, you may have to wait on GMT.

Regards,
maz


Poster: jcyr
Dated: Tuesday February 24 2004 - 0:16:19 GMT

it isn't actually pop up code, but just a trigger by mousing over the image you start the menu. I am pretty certain I am doing it wrong, but can't for the life of me find the right sample code to show how to trigger a menu from mousing over an image, and put the menu right underneath. It does work, but not on Macs... Plus I have the scrolling option turned on and the scroll doesn't work if the menu is too long. I am thinking I have options that are conflicting with eachother...


Poster: Maz
Dated: Tuesday February 24 2004 - 2:48:20 GMT

There may be something back a while in the forum, it might be a long search.

Someone will show up who knows javascript.

maz


Poster: kevin3442
Dated: Tuesday February 24 2004 - 20:21:27 GMT

Hi jcyr,

I believe it has partially to do with how you are referencing your images to get the rollover. It might be solved by including an id= as well as a name= attribute in your <img> tags, where both name and id are set to the same value. So, add id="a1" to the first <img> tag, like so:
Code:
<a href="calendar.cfm" onMouseOver="imgswap('a1','a12'); popup('calendarnav','a1')"  onMouseOut="imgswap('a1','a11'); popdown()"><img src="siteimages/calendar_n.gif" width="138" height="29" alt="Calendar" border="0" name="a1" id="a1"></a>

It seems like you're going to a lot of work to get rollover effects... just curious, why don't you use the menu's built-in rollover abilities?

Let us know what happens,

Kevin


Poster: jcyr
Dated: Tuesday February 24 2004 - 20:58:48 GMT

Ah ha! That was is.

I didn't use the milonic code for overstates, as I want to be able to programatically add/remove the drop downs based on some other code I am adding in. Basically, it needs to do mouseovers without milonic as well as with it.


Poster: kevin3442
Dated: Tuesday February 24 2004 - 22:03:07 GMT

jcyr wrote:
...Basically, it needs to do mouseovers without milonic as well as with it.

I dig.

Glad it works!

Kevin