IE browser on Mac

Taken From The Forum:
Forum Topic:
Last Updated: Saturday July 14 2012 - 06:07:29

IE browser on Mac

Poster: basssolo4u
Dated: Sunday May 9 2004 - 19:31:48 BST

Does anyone have a workaround that can be done in the menu_data.js script for removing erratic behavior in table nested pages. I get the menu jumping all around on this vertical menu viewed only with Mac IE and nearly unclickable. I hate to have to hard code into the page (as per FAQ) when the beauty of this script is that all you have to do is call it with a few lines.

If there is no workaround in the menu_data.js code to designate an IE/Mac compliant absolute position is there a working example posted where I can actually see how it is done. From the example in the FAQ I could not figure out what the menu_data.js file would look like if the sub menus are built just after the body tag.

In advance I thank you for your assistance.
b-
Here is an example of the problem I see. I am using OSX w IE 5.2 or OS9.2 with IE v5.1.2
http://users.keyway.net/~lan/menu/table.html

Poster: Ruth
Dated: Sunday May 9 2004 - 22:10:45 BST

There's a pretty deep discussion at this topic. http://www.milonic.com/forum/viewtopic.php?t=3976 I believe what it is saying [note the believe

] is to create your menu_data.js file as usual, highlight and cut the main menu out of it and paste that into the table cell enclosed in script tags AND include a drawmenus at the end just like it is in the menu_data.js file AND also leave the drawmenus in the menu_data.js file just like it is. Then put the js calls for all the menu files immediately after the body tag. Not inside of divs or anything, they should be the first thing after the body tag.

Ruth

Poster: basssolo4u
Dated: Monday May 10 2004 - 15:19:23 BST

Hello Ruth,
Thank you for your quick response. One of the problems I am facing with this workaround is when I need to add or subtract a link in the menu I have to make this change on every page. I am in hopes that we can find a global change. To me one of the beauties of this menu is how it has the ability of global menu manipulation by the changing of one file.

I wanted to make a scrapbook of photos. I had several different categories and each have their own subcategories. When I need to add or subtract links I really hate to have to edit each page every time when I alter links.

Unfortunately a lot of my family and friends use Macs with IE. Any suggestions?

Thanks again for your thought!!

Poster: Maz
Dated: Monday May 10 2004 - 16:20:24 BST

Have you tried using the <script for menu_data.js> inside the table?

That would allow you to change only menu_data.

maz

Poster: Ruth
Dated: Monday May 10 2004 - 20:52:46 BST

I wonder if you could use an include? But I don't know if you can put the main menu in an include and call it in that cell, I'm not sure about file loading, and what order etc, which is important. And, not really knowledgeable about includes at all.

Ruth

Poster: John
Dated: Monday May 10 2004 - 22:36:17 BST

Both of the girls' suggestions would work (script or include), while allowing editing of only the single file. Keep all your menu code within the _data file, not on the page.

Poster: Ruth
Dated: Tuesday May 11 2004 - 0:24:03 BST

John, will that work for IE on the mac? I wasn't sure about that aspect because of the info on the Mac problem with tables.

Ruth

Poster: John
Dated: Tuesday May 11 2004 - 3:54:55 BST

OK, here's what I have working under OSX 10.3.3/IE5.2.3.

I removed the table entirely just to get things down to basics. Use menu positioning to put it where you want it. BTW, this is not on a server.

JS calls look like this...

Code:

<SCRIPT language="JavaScript" src="http://users.keyway.net/~lan/menu/milonic_src.js" type="text/javascript"></SCRIPT>
<script language="JavaScript">
if(ns4)_d.write("<scr"+"ipt language=JavaScript src=http://users.keyway.net/~lan/menu/mmenuns4.js><\/scr"+"ipt>");
else _d.write("<scr"+"ipt language=JavaScript src=http://users.keyway.net/~lan/menu/mmenudom.js><\/scr"+"ipt>");</script>
<SCRIPT language="JavaScript" src="menu_data.js" type="text/javascript"></SCRIPT>

Note that I'm calling the menu code from your site, but the _data file is coming from mine.

Basically that's it for the HTML - period.

I corrected a number of errors in your _data file. You took a horizontal sample and tried to add a vertical menu. That sample does not contain all the required variables for scrolling. The top should look like this...

Code:

_menuCloseDelay=500  // The delay for menus to remain visible on mouse off
_menuOpenDelay=150   // The delay for opening menus on mouse over
_followSpeed=5       // Follow Scrolling speed (higher number makes the scrolling smoother but slower)
_followRate=50        // Follow Scrolling Rate (use a minimum of 40 or you may experience problems)
_scrollAmount=3      // Used for Netscape 4 scrolling
_scrollDelay=20        // Used for Netscape 4 scrolling
_subOffsetTop=10     // Sub menu offset Top position
_subOffsetLeft=-10  // Sub menu offset Left position

See the vertical sample.

Also, any numeric parameter should NOT have "" around it; e.g., separatorsize="1"; should be separatorsize=1;, etc.

orientation="vertcal";
Hmm - I think you can figure that one.

menuStyle and Main Menu now looks like this...

Code:

with(menuStyle=new mm_style()){
onbgcolor="#4F8EB6";
oncolor="#ffffff";
offbgcolor="#DCE9F0";
offcolor="#515151";
bordercolor="#296488";
borderstyle="solid";
borderwidth=1;
separatorcolor="#2D729D";
separatorsize=1;
padding=5;
fontsize="75%";
fontstyle="normal";
fontfamily="Verdana, Tahoma, Arial";
pagecolor="black";
pagebgcolor="#82B6D7";
headercolor="#000000";
headerbgcolor="#ffffff";
subimage="arrow.gif";
subimagepadding=2;
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=10;
left=10;
alwaysvisible=1;
followscroll="1,100,2";
orientation="vertical";
postion="relative";
aI("text=Home;url=http://www.milonic.com/;status=Back To Home Page;");
aI("text=Menu Samples;showmenu=Samples;");
aI("text=Milonic;showmenu=Milonic;");
aI("text=Partners;showmenu=Partners;");
aI("text=Links;showmenu=Links;");
aI("text=My Milonic;showmenu=MyMilonic;");
}

I didn't mess with the rest of the menus.

No more jitter, smooth scroll.

Same problem with MAC IE 5, OS 8.6

Poster: El Terrifico
Dated: Thursday May 13 2004 - 2:30:11 BST

I am having the same problem on a site http://www.csi-ics.com

I have put all of the calls to the js files in an include called header.asp and its being called right after the body tag of all my pages. As well I have taken the menu code out from my menu_data.js file and placed it within the cell of my table with the draw menus function call and it still does not work on MAC IE 5??? Am I missing something? Or is my code really terrible??

Here is the code for my header.asp file. I have two versions of the nav one for french and another for english.

Code:

<% 
dim URLRoot
URLRoot = Application("URLRoot")

Dim tier1, tier2, lang, ScriptName

lang = Request.QueryString("lang")
if isnull(lang) or lang = "" then
   lang = "en"
end if

    ScriptName = Request.ServerVariables("url")
function GetPageName(sScriptName)
   dim LastSlashLocation,LastDotLocation,ScriptPageNameLength
      '# Location of last slash In ScriptName + 1 because we don't want the slash
      LastSlashLocation = InstrRev(sScriptName,"/") + 1
               
      '# Location of last period In ScriptName
      LastDotLocation = InstrRev(sScriptName,".")
               
      '# Here we find out how Long the page name is
      ScriptPageNameLength = LastDotLocation - LastSlashLocation
               
      '# Start 1 after the forward slash, and End before the period.
      '# Set it To the function by using the function name
      GetPageName = Mid(sScriptName,LastSlashLocation,ScriptPageNameLength)
      GetPageName = GetPageName + ".asp"
End function
%>
<div style="position:absolute;visibility:hidden">
   /*
    Milonic DHTML Website Navigation Menu Version 5.0
    Written by Andy Woolley - Copyright 2003 (c) Milonic Solutions Limited. All Rights Reserved.
    Please visit http://www.milonic.com/ for more information.

    Although this software may have been freely downloaded, you must obtain a license before using it in any production environment.       
    The free use of this menu is only available for Non-Profit, Educational &amp; Personal Web Sites who have obtained a license to use. 
    
    Free, Commercial and Corporate Licenses are available from our website.
    You also need to include a link back to http://www.milonic.com/ if you use the free license.
    
    All Copyright notices MUST remain in place at ALL times. 
    This includes the first three lines of this notice on every page that uses the menu.
    If you cannot comply with all of the above requirements, please contact us to arrange license waiver.
   */
</div>
<% if lang = "en" then %>
<script language="JavaScript" src="<%=Application("URLRoot")%>includes/milonic_src.js" type="text/javascript"></script>   
<script language="JavaScript">
if(ns4)_d.write("<scr"+"ipt language=JavaScript src=<%=Application("URLRoot")%>includes/mmenuns4.js><\/scr"+"ipt>");      
  else _d.write("<scr"+"ipt language=JavaScript src=<%=Application("URLRoot")%>includes/mmenudom.js><\/scr"+"ipt>"); 
  
function openWindow()
{
   window.open("<%=Application("URLRoot")%>programs/ciprs/index.html");
   
}  
</script>
<script language="JavaScript" src="<%=Application("URLRoot")%>includes/CSI_menu_data.js" type="text/javascript"></script>   
<a name="top"></a>
<table border="0" cellpadding="0" cellspacing="0" align="center" valign="top">
   <tr>
      <td width="100%" height="100%" valign="top" align="center">
         <table border="0" cellpadding="0" cellspacing="0" align="center" height="100%">
            <tr>
                <td background="<%=Application("URLRoot")%>images/shadow_left.gif" width="10" align="center" valign="top"><img src="<%=Application("URLRoot")%>images/spacer.gif" width="10" height="100%" border="0"></td>
               <td bgcolor="#ffffff" align="center" valign="top"><table border="10" cellpadding="0" cellspacing="0">
                  <tr>
                     <td rowspan="2" valign="top" align="left"><a href="<%=Application("URLRoot")%>main.asp"><img SRC="<%=Application("URLRoot")%>images/header_left.gif" border="0"></a><script language="JavaScript">
                        with(milonic=new menuname("ProgramsE")){
                        style=menuStyle;
                        overflow="scroll";
                     aI("text=CIPRS;url=javascript:openWindow();");
                     //aI("text=CIPRS;url=<%=Application("URLRoot")%>programs/ciprs/index.html;target=_blank");
                     aI("text=OECD export program;url=<%=Application("URLRoot")%>programs/oecd_export.asp?lang=en;");
                     aI("text=Intregrated Seed Quality Management System;url=<%=Application("URLRoot")%>programs/isqms.asp?lang=en;");
                     aI("text=CFIA phytosanitary programs;url=<%=Application("URLRoot")%>programs/cfia_programs.asp?lang=en;");
                     aI("text=Approved Conditioner;url=<%=Application("URLRoot")%>programs/approved_conditioner.asp?lang=en;");
                     aI("text=Bulk storage facility;url=<%=Application("URLRoot")%>programs/bulk_storage.asp?lang=en;");
                     aI("text=Authorized importer;url=<%=Application("URLRoot")%>programs/authorized_importer.asp?lang=en;");
                     aI("text=Seed Testing Lab;url=<%=Application("URLRoot")%>programs/seed_testing_lab.asp?lang=en;");
                     aI("text=Organic certification;url=<%=Application("URLRoot")%>programs/organic_certification.asp?lang=en;");
                        }
                        drawMenus();
                        </script></td>
                     <td><a href="<%=Application("URLRoot")%>main.asp"><img SRC="<%=Application("URLRoot")%>images/header_top_en.gif" border="0"></a></td>
                  </tr>
                  <tr>
                     <td align="right" class="tdrtpad">
                        <script language="JavaScript">
                           with(milonic=new menuname("menutop")){
                           borderwidth=0;
                           screenposition="top;right";
                           offset="0";
                           style=GlobalStyle;
                           alwaysvisible=1;
                           orientation="horizontal";
                           overfilter="";
                           position="relative";                        
                           aI("text=Contact Us;url=<%=Application("URLRoot")%>contact_us/contact.asp?lang=en;");
                           aI("text=Feedback;url=<%=Application("URLRoot")%>feedback/feedback.asp?lang=en;");
                           aI("text=Assessor Log In;url=<%=Application("URLRoot")%>secure/index.asp?lang=en;");
                        
                           aI("text=Français;url=<%=GetPageName(ScriptName)%>?lang=fr;");
                           }
                           drawMenus();                           
                        </script>
                     </td>
                  </tr>
                  </table>
                  <table border="0" cellpadding="0" cellspacing="0" width="703">
                     <tr>
                        <td><img SRC="<%=Application("URLRoot")%>images/spacer.gif" width="703" height="20"></td>
                     </tr>
                     <tr>
                        <td align="center">                  
                           <script language="JavaScript">
                           with(milonic=new menuname("mainmenu")){
                           borderwidth=0;
                           screenposition="center"
                           style=menuStyle;
                           alwaysvisible=1;
                           orientation="horizontal";
                           overfilter="";
                           position="relative";
                           aI("text=About CSI;url=<%=Application("URLRoot")%>about/index.asp?lang=en;");
                           aI("text=News;url=<%=Application("URLRoot")%>news/index.asp?lang=en;");
                           aI("text=CSI Programs and Accreditation;url=<%=Application("URLRoot")%>programs/index.asp?lang=en;showmenu=ProgramsE;");
                           aI("text=Document Library;url=<%=Application("URLRoot")%>library/index.asp?lang=en;");
                           aI("text=Accredited Facilities;url=<%=Application("URLRoot")%>facilities/index.asp?lang=en;");
                           aI("text=CSI Assessor;url=<%=Application("URLRoot")%>assessor/index.asp?lang=en;");
                           aI("text=Links;url=<%=Application("URLRoot")%>links/index.asp?lang=en;");
                           }
                           drawMenus();   
                                          
                           </script>                        
                        </td>
                     </tr>   

                     <tr>
                         <td bgcolor="#000000" align="left" valign="top" colspan="3"><img src="<%=Application("URLRoot")%>images/spacer_black.gif" width="100%" height="1" border="0" alt></td>
                     </tr>
                     <tr>
                        <td bgcolor="#ffffff" align="left" valign="bottom"><img src="<%=Application("URLRoot")%>images/spacer.gif" width="1" height="18" border="0" alt></td>
                         <td bgcolor="#ffffff" align="left" valign="bottom" colspan="2"></td>
                     </tr>
                     <tr>
                        <td width="100%" bgcolor="#ffffff" align="left" valign="top">
                           <table border="0" cellpadding="7" cellspacing="7" align="center" width="100%">
                              <tr>
                                 <td width="100%" bgcolor="#ffffff" align="left" valign="top">
<% else %>
<script language="JavaScript" src="<%=Application("URLRoot")%>includes/milonic_src.js" type="text/javascript"></script>   
<script language="JavaScript">
if(ns4)_d.write("<scr"+"ipt language=JavaScript src=<%=Application("URLRoot")%>includes/mmenuns4.js><\/scr"+"ipt>");      
  else _d.write("<scr"+"ipt language=JavaScript src=<%=Application("URLRoot")%>includes/mmenudom.js><\/scr"+"ipt>"); 
  
function openWindow()
{
   window.open("<%=Application("URLRoot")%>programs/scrs/index.html");
}  
</script>

<script language="JavaScript" src="<%=Application("URLRoot")%>includes/CSI_menu_data.js" type="text/javascript"></script>   
<a name="top"></a>
<table border="0" cellpadding="0" cellspacing="0" align="center" valign="top" width="100%" height="100%">
   <tr>
      <td width="100%" height="100%" valign="top" align="center">
         <table border="0" cellpadding="0" cellspacing="0" align="center" height="100%">
            <tr>
                <td background="<%=Application("URLRoot")%>images/shadow_left.gif" width="10" align="center" valign="top"><img src="<%=Application("URLRoot")%>images/spacer.gif" width="10" height="100%" border="0"></td>
               <td bgcolor="#ffffff" align="center" valign="top"><table border="0" cellpadding="0" cellspacing="0">
                  <tr>
                     <td rowspan="2" valign="top" align="left"><a href="<%=Application("URLRoot")%>main.asp?lang=fr"><img SRC="<%=Application("URLRoot")%>images/header_left.gif" border="0"></a><script language="JavaScript">
                     with(milonic=new menuname("ProgramsF")){
                     style=menuStyle;
                     overflow="scroll";
                     aI("text=SCRS;url=javascript:openWindow();");
                     aI("text=Programme d’exportation de l’OCDE;url=<%=Application("URLRoot")%>programs/oecd_export.asp?lang=fr;");
                     aI("text=Système intégré de gestion de la qualité des semences;url=<%=Application("URLRoot")%>programs/isqms.asp?lang=fr;");
                     aI("text=Programmes phytosanitaires de l’ACIA;url=<%=Application("URLRoot")%>programs/cfia_programs.asp?lang=fr;");
                     aI("text=Conditionneur agréé;url=<%=Application("URLRoot")%>programs/approved_conditioner.asp?lang=fr;");
                     aI("text=Installation d’entreposage en vrac;url=<%=Application("URLRoot")%>programs/bulk_storage.asp?lang=fr;");
                     aI("text=Importateur autorisé;url=<%=Application("URLRoot")%>programs/authorized_importer.asp?lang=fr;");
                     aI("text=Laboratoire d’analyse des semences;url=<%=Application("URLRoot")%>programs/seed_testing_lab.asp?lang=fr;");
                     aI("text=Certification « bio »;url=<%=Application("URLRoot")%>programs/organic_certification.asp?lang=fr;");
                     }
                     drawMenus();</script></td>
                     <td><a href="<%=Application("URLRoot")%>main.asp?lang=fr"><img SRC="<%=Application("URLRoot")%>images/header_top_fr.gif" border="0"></a></td>
                  </tr>
                  <tr>
                     <td align="right" class="tdrtpad">
                                    <script language="JavaScript">
                                    with(milonic=new menuname("menutop")){
                                    borderwidth=0;
                                    screenposition="right";
                                    offset="100";
                                    style=GlobalStyle;
                                    alwaysvisible=1;
                                    orientation="horizontal";
                                    overfilter="";
                                    position="relative";                        
                                    
aI("text=Contactez-nous;url=<%=Application("URLRoot")%>contact_us/contact.asp?lang=fr;");
                                    aI("text=Réactions;url=<%=Application("URLRoot")%>feedback/feedback.asp?lang=fr;");
                                    
aI("text=Session de l’évaluateur;url=<%=Application("URLRoot")%>secure/index.asp?lang=fr;");
                                 
                                    aI("text=English;url=<%=GetPageName(ScriptName)%>?lang=en;");                                                            
                                    }
                                    drawMenus();                           
                                    </script>                        
                     </td>
                  </tr>
                  </table>
                  <table border="0" cellpadding="0" cellspacing="0" width="703">
                     <tr>
                        <td><img SRC="<%=Application("URLRoot")%>images/spacer.gif" width="703" height="20"></td>
                     </tr>
                     <tr>
                        <td align="center">                  
                           <script language="JavaScript">
                           with(milonic=new menuname("mainmenu")){
                           borderwidth=0;
                           screenposition="left"
                           style=menuStyle;
                           alwaysvisible=1;
                           orientation="horizontal";
                           overfilter="";
                           position="relative";
                           
aI("text=Qui sommes-nous?;url=<%=Application("URLRoot")%>about/index.asp?lang=fr;");
                           aI("text=Nouvelles;url=<%=Application("URLRoot")%>news/index.asp?lang=fr;");
                           
aI("text=Programmes de l’ICS;url=<%=Application("URLRoot")%>programs/index.asp?lang=fr;showmenu=ProgramsF;");

aI("text=Évaluateur de l’ICS;url=<%=Application("URLRoot")%>assessor/index.asp?lang=fr;");
                           
aI("text=Établissements agréés;url=<%=Application("URLRoot")%>facilities/index.asp?lang=fr;");
                           
aI("text=Bibliothèque;url=<%=Application("URLRoot")%>library/index.asp?lang=fr;");
                           aI("text=Liens;url=<%=Application("URLRoot")%>links/index.asp?lang=fr;");
                           }
                           drawMenus();   
                                                   
                           </script>                        
                        </td>
                     </tr>   

                     <tr>
                         <td bgcolor="#000000" align="left" valign="top" colspan="3"><img src="<%=Application("URLRoot")%>images/spacer_black.gif" width="100%" height="1" border="0" alt></td>
                     </tr>
                     <tr>
                        <td bgcolor="#ffffff" align="left" valign="bottom"><img src="<%=Application("URLRoot")%>images/spacer.gif" width="1" height="18" border="0" alt></td>
                         <td bgcolor="#ffffff" align="left" valign="bottom" colspan="2"></td>
                     </tr>
                     <tr>
                        <td width="100%" bgcolor="#ffffff" align="left" valign="top">
                           <table border="0" cellpadding="7" cellspacing="7" align="center" width="100%">
                              <tr>
                                 <td width="100%" bgcolor="#ffffff" align="left" valign="top">

<% end if %>

My call to the include file on all pages is as follows.

Code:

<body background="<%=Application("URLRoot")%>images/bg.gif" bgcolor="#ffffff" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!--#include file="../includes/header.asp"-->

Any help would be greatly appreciated.

Thanks

Industrial Strength JavaScript and DHTML Menus

IE browser on Mac

Same problem with MAC IE 5, OS 8.6