Dynamic menu for IE Mac

Hi, here is a code that works on all those platform : Sorry it's item in it are in french but you should understand it... Pat <cfset path = "../"> <table border="0" width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="top" bgcolor="FFCC66"><a href="http://www.hec.ca/cicma" target="_blank" onMouseOut="MM_swapImgRestore()" onMouseOver="hideMenu(); MM_swapImage('chaire','','<cfoutput>#path#</cfoutput>wwwimg/btnav_chaire_1_f .gif',1)"><img src="<cfoutput>#path#</cfoutput>wwwimg/btnav_chaire_0_f.gif" name="chaire" width="159" height="16" border="0"></a><img src="<cfoutput>#path#</cfoutput>wwwimg/grnav_vline.gif" width="1" height="16" border="0"><a href="<cfoutput>#path#index.cfm?no_lang=#no_lang#</cfoutput>" onMouseOver="hideMenu(); popup('manuel'); menuimg_act('manuel',null,1); overmenu=1;" onMouseOut="overmenu=0; menutimeout('manuel')"><img src="<cfoutput>#path#</cfoutput>wwwimg/btnav_manuel_0_f.gif" name="manuel" width="53" height="16" border="0"><img src="<cfoutput>#path#</cfoutput>wwwimg/grnav_vline.gif" width="1" height="16" border="0"></a><a href="<cfoutput>#path#plancours.cfm?no_lang=#no_lang#</cfoutput>" onMouseOver="hideMenu(); popup('plans'); menuimg_act('plans',null,1); overmenu=1;" onMouseOut="overmenu=0; menutimeout('plans')"><img src="<cfoutput>#path#</cfoutput>wwwimg/btnav_plans_0_f.gif" name="plans" width="91" height="16" border="0"></a><a href="#" onMouseOver="hideMenu(); popup('manuel'); menuimg_act('manuel',null,1); overmenu=1;" onMouseOut="overmenu=0; menutimeout('manuel')"><img src="<cfoutput>#path#</cfoutput>wwwimg/grnav_vline.gif" width="1" height="16" border="0"></a><a href="<cfoutput>#path#auteurs.cfm?no_lang=#no_lang#</cfoutput>" onMouseOut="MM_swapImgRestore()" onMouseOver="hideMenu(); MM_swapImage('index','','<cfoutput>#path#</cfoutput>wwwimg/btnav_index_1_f.g if',1)"><img src="<cfoutput>#path#</cfoutput>wwwimg/btnav_index_0_f.gif" name="index" width="109" height="16" border="0"></a></td> </tr>   <tr>     <td valign="top"><img src="<cfoutput>#path#</cfoutput>wwwimg/ph_nav_2.jpg" alt="" width="160" height="13"></td>   </tr> </table> <div id="manuellayer" style="position: absolute; z-index: 10; top: 200; left: 200; visibility: hidden" onMouseOver="overmenu=1;" onMouseOut="overmenu=0; menutimeout('manuel')">   <table width="150" border="0" cellspacing="0" cellpadding="0">     <tr>       <td><img src="<cfoutput>#path#</cfoutput>wwwimg/spacer.gif" width="1" height="1"></td>     </tr>   </table>   <table width="150" border="0" cellspacing="0" cellpadding="0">     <tr>       <td bgcolor="#FFFFFF"><table width="150" border="0" cellpadding="5" cellspacing="1">           <tr>             <td align="left" valign="middle" bgcolor="FFDB94" class="subNav"><a href="<cfoutput>#path#mission.cfm?no_lang=#no_lang#</cfoutput>">Mission</a>< /td>           </tr>           <tr>             <td align="left" valign="middle" bgcolor="FFDB94" class="subNav"><a href="<cfoutput>#path#presentation.cfm?no_lang=#no_lang#</cfoutput>">Pr&eacu te;sentation               du manuel</a></td>           </tr>       <tr>             <td align="left" valign="middle" bgcolor="FFDB94" class="subNav"><a href="<cfoutput>#path#correspondance.cfm?no_lang=#no_lang#</cfoutput>">Corre spondance des éditions</a></td>           </tr>           <tr>             <td align="left" valign="middle" bgcolor="FFDB94" class="subNav"><a href="<cfoutput>#path#proposer_doc.cfm?no_lang=#no_lang#</cfoutput>">Propose z               un document</a></td>           </tr>           <tr>             <td align="left" valign="middle" bgcolor="FFDB94" class="subNav"><a href="<cfoutput>#path#maj.cfm?no_lang=#no_lang#</cfoutput>">Mises               à jour</a></td>           </tr>         </table></td>     </tr>   </table> </div> <div id="planslayer" style="position: absolute; z-index: 10; top: 200; left: 200; visibility: hidden;" onMouseOver="overmenu=1;" onMouseOut="overmenu=0; menutimeout('interruptionssec')">   <table width="150" border="0" cellspacing="0" cellpadding="0">     <tr>       <td><img src="<cfoutput>#path#</cfoutput>wwwimg/spacer.gif" width="1" height="1"></td>     </tr>   </table>   <table width="130" border="0" cellspacing="0" cellpadding="0">     <tr>       <td bgcolor="#FFFFFF"><table width="130" border="0" cellpadding="5" cellspacing="1">           <tr>             <td valign="middle" bgcolor="FFDB94" class="subNav"><a href="<cfoutput>#path#plancours.cfm?no_lang=#no_lang#</cfoutput>">Plan               de cours</a></td>           </tr>           <tr>             <td valign="middle" bgcolor="FFDB94" class="subNav"><a href="<cfoutput>#path#plancourscycle.cfm?no_lang=#no_lang#&cycle=P</cfoutput >">Premier               cycle</a></td>           </tr>           <tr>             <td valign="middle" bgcolor="FFDB94" class="subNav"><a href="<cfoutput>#path#plancourscycle.cfm?no_lang=#no_lang#&cycle=D</cfoutput >">Deuxième               cycle</a></td>           </tr>           <tr>             <td valign="middle" bgcolor="FFDB94" class="subNav"><a href="<cfoutput>#path#plancourscycle.cfm?no_lang=#no_lang#&cycle=F</cfoutput >">Formation               continue</a></td>           </tr>         </table></td>     </tr>   </table>    </div> <div id="indexlayer" style="position: absolute; z-index: 10; top: 200; left: 200; visibility: hidden" onMouseOver="overmenu=1;" onMouseOut="overmenu=0; menutimeout('extactionssec')">   <table width="150" border="0" cellspacing="0" cellpadding="0">     <tr>       <td><img src="<cfoutput>#path#</cfoutput>wwwimg/spacer.gif" width="1" height="1"></td>     </tr>   </table>   <table width="115" border="0" cellspacing="0" cellpadding="0">     <tr>       <td bgcolor="#FFFFFF"><table width="115" border="0" cellpadding="5" cellspacing="1">           <tr>             <td bgcolor="FFDB94" class="subNav"><a href="<cfoutput>#path#</cfoutput>auteurs.cfm">Liste des auteurs</a></td>           </tr>           <tr>             <td bgcolor="FFDB94" class="subNav"><a href="<cfoutput>#path#</cfoutput>auteurs.cfm">Biographie</a></td>           </tr>           <tr>             <td bgcolor="FFDB94" class="subNav"><a href="<cfoutput>#path#</cfoutput>auteurs.cfm">Liens pertinents</a></td>           </tr>         </table></td>     </tr>   </table>    </div> <script> // <!--    NS4 = (document.layers);    NS6 =  ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 5))    IE4 = (document.all);   ver4 = (NS4 || IE4); MAC45 = (navigator.appVersion.indexOf("MSIE 4.5") != -1) isMac = (navigator.appVersion.indexOf("Mac") != -1); menuHeight=20; menuOffset=20; menuBarHeight=20; var overmenu = false; var openmenu = null; var overcheck = null; var loaded = false; function stripCharsNotInBag (s, bag) {   var i;     var returnString = "";     // Search through string's characters one by one.     // If character is in bag, append to returnString.     for (i = 0; i < s.length; i++)     {           // Check that current character isn't whitespace.         var c = s.charAt(i);         if (bag.indexOf(c) != -1) returnString += c;     }     return returnString; } function getRealLeft(img) { // Find Position of Image File         xPos = img.offsetLeft;         tempEl = img.offsetParent;         while (tempEl != null) {                 xPos += tempEl.offsetLeft;                 tempEl = tempEl.offsetParent;         } if (xPos > 0 && xPos < 600) { xPos = xPos - 2 }; // Move back 80px         return xPos; } function getRealTop(img) { // Find Position of Image File         yPos = img.offsetTop;         tempEl = img.offsetParent;         while (tempEl != null) {                 yPos += tempEl.offsetTop;                 tempEl = tempEl.offsetParent;         }         if (MAC45) yPos=menuOffset;         return yPos;         } function findloc (imgname) // Find Position of Image File { var holdingImage = document.images[imgname]; var nsPosx = holdingImage.x; if (nsPosx > 200 && nsPosx < 400) { nsPosx = nsPosx - 2 }; // Move back 80px var canvasLeft = (NS4) ? nsPosx+2 : getRealLeft(holdingImage)+2; var canvasTop = (NS4) ? holdingImage.y-5 : getRealTop(holdingImage)-5; var canvasWidth = holdingImage.width; var canvasHeight = holdingImage.height; return ([canvasLeft,canvasTop,canvasHeight]); } function showMenu(imgname) // Show Menu Layer {        if (NS4 || loaded)         {                 if (NS6)                         menu=document.getElementById(imgname+"layer")                 else if (NS4)                         menu=eval("document.layers."+imgname+"layer")                 else                         menu=eval(imgname+"layer");         }         if (NS4) menu.visibility = "show"         else menu.style.visibility = "visible"         openmenu=imgname; } function hideMenu() // Hide Menu Layer { if (openmenu != null)         {                 if (NS6)                         menu=document.getElementById(openmenu+"layer")                 else if (NS4)                         menu=eval("document.layers."+openmenu+"layer")                 else                         menu=eval(openmenu+"layer");             if (NS4) menu.visibility = "hide"             else menu.style.visibility = "hidden"                 img_inact(openmenu)         } } function popup (imgname) // Pop Up Menu {         if (NS6)                 menu=document.getElementById(imgname+"layer")         else if (NS4)                 menu=eval("document.layers."+imgname+"layer")         else                 menu=eval(imgname+"layer"); if (NS4) {         menu.top = findloc(imgname)[1] + 1 + menuBarHeight;         menu.left = findloc(imgname)[0]; } else if (NS6) {         menu.style.top = findloc(imgname)[1] + 1 + menuBarHeight;         menu.style.left = findloc(imgname)[0]; } else {         menu.style.pixelTop = findloc(imgname)[1] + 1 + menuBarHeight;         menu.style.pixelLeft = findloc(imgname)[0]; } showMenu(imgname); } function checkmenu (openmenu,check) // Check to see if menu is open but not used, if so it is closed { if ((overmenu == 0) && (check == overcheck)) {                 if (NS6)                         menu=document.getElementById(openmenu+"layer")                 else if (NS4)                         menu=eval("document.layers."+openmenu+"layer")                 else                         menu=eval(openmenu+"layer");             if (NS4) menu.visibility = "hide"             else menu.style.visibility = "hidden"                 img_inact(openmenu) } } function menutimeout (openmenu) // Set a .5 second timeout when the menu is not being used to close { overcheck=overcheck+1; setTimeout("checkmenu(openmenu,"+overcheck+")",1000); } function tocItem (name) { this.on = new Image(); this.on.src = "<cfoutput>#path#</cfoutput>wwwimg/btnav_" + name + "_1_f.gif" this.off = new Image(); this.off.src = "<cfoutput>#path#</cfoutput>wwwimg/btnav_" + name + "_0_f.gif"; } function toc_new (name) { tocItem[name] = new tocItem(name); } function img_act (imgName){ // Show Image if (document.images){     document[imgName].src = tocItem[imgName].on.src   } } function img_inact (imgName, openmenu) // Hide Image { if (document.images)     document[imgName].src = tocItem[imgName].off.src; } function menuimg_act(imgName, openmenu) { if (document.images) { if ((openmenu == null) || (IE4) || (NS6)){         img_act(imgName) }else         {         image= eval("document.layers."+openmenu+"layer.document.images['"+imgName+"']");         image.src = tocItem[imgName].on.src;     alert(tocItem[imgName].on.src);         } } overmenu=1; } function menuimg_inact(imgName, openmenu, main) { if (document.images) { if ((openmenu == null) || (IE4) || (main != null) || (NS6))         img_inact(imgName) else         {         image= eval("document.layers."+openmenu+"layer.document.images['"+imgName+"']");         image.src = tocItem[imgName].off.src;         } } menutimeout(openmenu); overmenu=0; } if (document.images != null) { toc_new('manuel'); toc_new('plans'); toc_new('index'); } // --> </script> ________________________________ Sent: May 12, 2004 03:31 To: CF-Talk Subject: OT: Dynamic menu for IE Mac Hi! I'm having big problems finding a dynamic menu that works on major browsers on Win and Linux, and IE on Mac. The biggest challenge was IE on Mac. I couldAlso it should work with a centered content ( some of the ones I tried, like Tigra Menu from http://www.softcomplex.com/ are absolutly positioned in page). Do you know such a menu ? Thanks for any help, Neculai Macarie ________________________________

Hi, here is a code that works fine on all those platform... Menus are in french but you should understand the code... Patrick   _____ Sent: May 12, 2004 03:31 To: CF-Talk Subject: OT: Dynamic menu for IE Mac Hi! I'm having big problems finding a dynamic menu that works on major browsers on Win and Linux, and IE on Mac. The biggest challenge was IE on Mac. I couldAlso it should work with a centered content ( some of the ones I tried, like Tigra Menu from http://www.softcomplex.com/ are absolutly positioned in page). Do you know such a menu ? Thanks for any help, Neculai Macarie   _____  

----- Excess quoted text cut - see Original Post for more ----- Try AllWebMenus from www.likno.com It creates the menu code that is cross-browser and cross-platform

Or you can try the HierMenus from dhtml.com I've used them with good success on most all browsers.  I haven't used any of their new versions yet, but I can only assume that they have a broader compatibility. John > I'm having big problems finding a dynamic menu that works on major > browsers on Win and Linux, and IE on Mac. The biggest challenge was IE > on Mac. I couldAlso it should work with a centered content ( some of > the ones I tried, like Tigra Menu from http://www.softcomplex.com/ are > absolutly positioned in page). Do you know such a menu ? Try AllWebMenus from www.likno.com It creates the menu code that is cross-browser and cross-platform