IE MAC and Popup function

Having problems with DHTML Menu? There is usually somebody here who knows the answer.
Post Reply
jcyr
Beginner
Beginner
Posts: 9
Joined: Mon Feb 23, 2004 9:29 pm

IE MAC and Popup function

Post by jcyr »

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');");
}
User avatar
Maz
Milonic God
Milonic God
Posts: 1717
Joined: Fri Jun 06, 2003 11:39 pm
Location: San Francisco
Contact:

Post by Maz »

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
jcyr
Beginner
Beginner
Posts: 9
Joined: Mon Feb 23, 2004 9:29 pm

Post by jcyr »

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.
User avatar
Maz
Milonic God
Milonic God
Posts: 1717
Joined: Fri Jun 06, 2003 11:39 pm
Location: San Francisco
Contact:

Post by Maz »

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
jcyr
Beginner
Beginner
Posts: 9
Joined: Mon Feb 23, 2004 9:29 pm

Post by jcyr »

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...
User avatar
Maz
Milonic God
Milonic God
Posts: 1717
Joined: Fri Jun 06, 2003 11:39 pm
Location: San Francisco
Contact:

Post by Maz »

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

Someone will show up who knows javascript.

maz
User avatar
kevin3442
Milonic God
Milonic God
Posts: 2460
Joined: Sat Sep 07, 2002 12:09 am
Location: Lincoln, NE
Contact:

Post by kevin3442 »

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

<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
jcyr
Beginner
Beginner
Posts: 9
Joined: Mon Feb 23, 2004 9:29 pm

Post by jcyr »

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.
User avatar
kevin3442
Milonic God
Milonic God
Posts: 2460
Joined: Sat Sep 07, 2002 12:09 am
Location: Lincoln, NE
Contact:

Post by kevin3442 »

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

Glad it works!

Kevin
Post Reply