Netscape error

[tcwebmaster]

There's a strange error happening with Netscape, specifically version 4.8 on Windows 2000. The menu loads without problem when the page first loads; however, after the initial roll-over, the next time the drop-down displays, there's an space at the top and bottom of the page with << and >> respectively.

I also had trouble getting the menus to work with the js code from the install.txt file and I had to remove the "+" from the opening and closing <script> tags.

Can anyone point me to a solution? My pages need to work with Netscape 4.x. Thanks.

[John]

The calls work properly as written, even with 4.79.

Post a URL.

[tcwebmaster]

I can't post the URL because it is not online yet. Here is the relevant code from the menu_data.js file



_menuCloseDelay=500 // The time delay for menus to remain visible on mouse out
_menuOpenDelay=150 // The time delay before menus open on mouse over
_subOffsetTop=10 // Sub menu top offset
_subOffsetLeft=-10 // Sub menu left offset



with(menuStyle=new mm_style()){
onbgcolor="#ff6600";
oncolor="#ffffff";
offbgcolor="#C8CEB5";
offcolor="#000000";
bordercolor="#000000";
borderstyle="solid";
borderwidth=1;
separatorcolor="#000000";
separatorsize="1";
padding=5;
fontsize="70%";
fontweight="bold";
fontstyle="normal";
fontfamily="Arial, Helvetica, sans-serif";
pagecolor="black";
pagebgcolor="#82B6D7";
headercolor="#000000";
headerbgcolor="#ffffff";
subimage="http://www.tusculum.edu/images/menu_down.gif";
subimagepadding="0";
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color='#777777', Direction=135, Strength=5)";
outfilter="randomdissolve(duration=0.3)";
}


with(milonic=new menuname("Main Menu")){
style=menuStyle;
top=81;
screenposition="center";
alwaysvisible=1;
orientation="horizontal";
aI("text=Home ;showmenu=home;;status=Tusculum College Home Page;separatorsize=0");
aI("text=Admission ;showmenu=admission;;status=Admission;separatorsize=1");
aI("text=Academics ;showmenu=academics;;status=Academics;separatorsize=1");
aI("text=Adult ;showmenu=adult;;status=Adult;separatorsize=1");
aI("text=Student Affairs ;showmenu=campus_life;;status=Campus Life;separatorsize=1");
aI("text=Alumni ;showmenu=alumni;;status=Alumni;separatorsize=1");
aI("text=Giving ;showmenu=giving;;status=Giving Opportunities;separatorsize=1");
aI("text=Library ;showmenu=library;;status=Library;separatorsize=1");
aI("text=Athletics ;showmenu=athletics;;status=Athletics;separatorsize=1");
aI("text=Resources ;showmenu=resources;;status=Resources;separatorsize=1");
}

with(milonic=new menuname("home")){
style=menuStyle;
overflow="scroll";
aI("text=Tusculum College Home ;url=/index.html;;separatorsize=1");
aI("text=About Tusculum College ;url=/about/;;separatorsize=1");
aI("text=Mission Statement ;url=/about/mission.html;;separatorsize=1");
aI("text=From The President ;url=/president/;;separatorsize=1");
aI("text=Business Office ;url=/business/;;separatorsize=1");
aI("text=News & Events ;url=/pr/releases/current.html;;separatorsize=1");
aI("text=Maps & Directions;url=/maps/;;separatorsize=1");
aI("text=Wallpaper ;url=/pr/releases/wallpaper3.html;;separatorsize=1");
aI("text=Search ;url=/search.html;;separatorsize=1");
}

The problem is that once the menu is rolled over once, every subsequent rollover displays a menu with << at the top of the menu and >> and the bottom of the page.

[Ruth]

It is the overflow scroll which causes that. If you can make the submenus so they don't need that perhaps something like this just as an example idea.

Code: Select all

with(milonic=new menuname("home")){ 
style=menuStyle; 
overflow="scroll"; 
aI("text=Tusculum College Home ;url=/index.html;;separatorsize=1"); 
aI("text=About Tusculum: Events and More;showmenu=about;separatorsize=1"); 
aI("text=Mission Statement ;url=/about/mission.html;;separatorsize=1"); 
aI("text=Business Office ;url=/business/;;separatorsize=1"); 
aI("text=Maps & Directions;url=/maps/;;separatorsize=1"); 
aI("text=Search ;url=/search.html;;separatorsize=1"); 
} 

(milonic=new menuname("about")){ 
style=menuStyle; 

aI("text=About Tusculum College;url=/about/;separatorsize=1"); 
aI("text=From The President ;url=/president/;;separatorsize=1"); 
aI("text=Wallpaper ;url=/pr/releases/wallpaper3.html;;separatorsize=1"); 
aI("text=News & Events ;url=/pr/releases/current.html;;separatorsize=1"); 
}

Ruth

[John]

Exactly what version of the menu are you running?

Also, when posting any code, please make sure you use the [code][/code] tags provided on the posting page.

[tcwebmaster]

Thanks for the help with that. I think I can get it. I am having another problem with Netscape 4.8

I have a combo/select menu on the page, and when the DHTML menu expands, the combo/select menu stays on top, so that none of the choices in the DHTML menu are visible. How do I make the DHTML menu stay visible all the time when it expands?

This has been a big problem for me. Thanks.

[tcwebmaster]

I am running the latest version of the code available for download. Here's the header from the install.txt file

Code: Select all

MILONIC DHTML MENU RELEASE 5.0 INSTALLATION 

[Ruth]

That doesn't help as to version. If you open the milonic_src.js file, at the top you will see the version release i.e.

Code: Select all

 Version 5.26 - Built: Wednesday June 23 2004 - 19:15

or whichever it is. I realize you said you are not online with the menu, but if it's at all possible could post a test page with the menu and that combo/box so we can see what's happening. It's almost impossible to do with just descriptions, there are just too many variables that can cause certain actions, something you coded in the menu, something that's coded on the page, a small mistake in coding like an extra ; or something like that. Thanks,

Ruth

[tcwebmaster]

Here is the version:

Code: Select all

Version 5.26 - Built: Wednesday June 23 2004 - 19:15

Here is a rough page I put online for you to look at. The images are not final, and not all of the menu is complete. But in Netscape 4.8, you will see how the dropdown for 'Admission' falls behind the form element for 'Financial Aid'
http://www.tusculum.edu/admission/AddFinAid.html

Thanks for your help.

[kevin3442]

Hey TC,

Unfortunately, you don't have a lot of choices when it comes to select boxes (and various other form elements, applets, and other emedded content like flash clips)... For various reasons (depending on the object in question), these things essentially exist in their own set of layers in older browsers. Setting z-indexes, for example, will have no effect. You have only two choices: (1) Move the select box to some other location (e.g. above the main menu) where it will not overlap with the menu... or (2) Implement a system to hide the select box when an overlapping submenu opens, and re-show the select box when the overlapping menu closes. The menu system has a method of doing this; you can see an example here. You might also search the forums for other topics on hiding divs to read othe discussions.

Hope that helps,

Kevin

[tcwebmaster]

I've seen some questions about programmatically selecting version 3 or version 5 -- meaning I'd like to select version 3 for older browsers and use version 5 for new browsers.

I know you did some coding to achieve this, but I never did find a resolution. Were you able to programmatically select either version 3 or version 5 depending on the browser?

I don't have much time at the moment to play around with it myself, but I'd be interested to hear about your experience.

Thanks.

[kevin3442]

Hi TC,

Yeah... If recall correctly, we met with some limited success using js browser sniffing on the client side; I believe that thread should still be in the forum (is that what you were reding?). Then, I and The person I was working with took the problem off line to work on a mockup site, testing server-side sniffing and selection of the menu script. Again we met with some success using PHP (do you use it?), but I'm not sure I can find the details. I'll look if you like.

Before you continue, If you're thinking about using v3 for NS4, to get around the select box issue, then you're going down the garden path... it won't work. You see, the issue with select boxes (and various other objects) "burning through" the menus is a general issue, not an issue specific to Milonic menus. In other words, the same troubles occur any time certain elements or objects (like selects) overlap positionally with DHTML elements. You're left with the same options in the v3 menu as you have in the v5 menu (or with any other DHTML content): move the select or hide it when the menu opens.

Let me know if you want to try the php sniffing and I'll see if I can dig it out. If you want to try the hiding thing, we can probably help you implement that too.

Kevin