Now put a select box under that menu and observe it. NN should obscure fine, IE should not.
Calvin ----- Original Message ----- From: "Bryan Stevenson" <[EMAIL PROTECTED]> To: "CF-Talk" <[EMAIL PROTECTED]> Sent: Thursday, May 29, 2003 5:14 PM Subject: Re: Making the MX Popup Menu Javascript Dynamic > Marlon... > > I say hooey to that article...it's not written by the author of the code. > ;-) > > All I can say is...I use CoolMenus...they do NOT let the form elements show > through AND I am NOT doing anything special with the form fields (i.e. > hiding them in a seperate div). > > To prove it...go here and mouseover the "contact" menu...voila! > http://64.180.84.134:27100/current/ > > Cheers > > Bryan Stevenson B.Comm. > VP & Director of E-Commerce Development > Electric Edge Systems Group Inc. > t. 250.920.8830 > e. [EMAIL PROTECTED] > > --------------------------------------------------------- > Macromedia Associate Partner > www.macromedia.com > --------------------------------------------------------- > Vancouver Island ColdFusion Users Group > Founder & Director > www.cfug-vancouverisland.com > ----- Original Message ----- > From: "Marlon Moyer" <[EMAIL PROTECTED]> > To: "CF-Talk" <[EMAIL PROTECTED]> > Sent: Thursday, May 29, 2003 2:01 PM > Subject: RE: Making the MX Popup Menu Javascript Dynamic > > > > From the Coolmenus web site faq: > > > > Q: How can I avoid overlapping form elements, flash plugins or applets > thru > > coolmenus? > > > > Answer by Sergi Meseguer > > There are certain elements that "float above" HTML elements. It is not a > > "z-index" issue. Well, this is not an easy issue, as the problem is not > from > > the script but from browsers behaviours. Please make sure you read > carefully > > the following article in DHTML Lab: > > http://www.webreference.com/dhtml/diner/seethru/ > > > > There you will find a through explaination of this proble. They say there > is > > no fix. Actually, if you're using form elements, the fix is placing the > form > > in a div and hide it everytime the coolmenu gets in its path. See example > 11 > > in the Coolmenus3 section. > > > > As for the flash plugins, you may want to read this post for a likely > > solution. I'm not sure if this really works though, at least not > > crossbrowser. > > > > No solution found for java applets and coolmenus overlapping yet. > > > > :::: > > > > So in essence, you can have them show up over top of form elements, you're > > only hiding the form elements whenever the menu pops up. Very distracting > > to me. > > > > Marlon > > > > > > -----Original Message----- > > From: Bryan Stevenson [mailto:[EMAIL PROTECTED] > > Sent: Thursday, May 29, 2003 3:49 PM > > To: CF-Talk > > Subject: Re: Making the MX Popup Menu Javascript Dynamic > > > > > > Your HTML/JS guy is WRONG. > > > > First I'd didch this MX JS script your using and grab CoolMenus from > > www.DHTMLCentral.com > > > > It works back to IE 4+ and Netscape 4+. It also works OVER select boxes > and > > other form elements (instead of being hidden behind like you sound like > > you're experiencing). > > > > The code is excellent and I've been using it for dynamic menuing for over > > ayear with NO problems. > > > > HTH > > > > Cheers > > > > Bryan Stevenson B.Comm. > > VP & Director of E-Commerce Development > > Electric Edge Systems Group Inc. > > t. 250.920.8830 > > e. [EMAIL PROTECTED] > > > > --------------------------------------------------------- > > Macromedia Associate Partner > > www.macromedia.com > > --------------------------------------------------------- > > Vancouver Island ColdFusion Users Group > > Founder & Director > > www.cfug-vancouverisland.com > > ----- Original Message ----- > > From: "webguy" <[EMAIL PROTECTED]> > > To: "CF-Talk" <[EMAIL PROTECTED]> > > Sent: Thursday, May 29, 2003 1:44 PM > > Subject: RE: Making the MX Popup Menu Javascript Dynamic > > > > > > > Does anyone know how to make to a menu like those work over a > > > <select> element in IE5/win so that the select isn't visible thru' the > > menu > > > div ?? > > > > > > My HTML/JS guy says it can't be done > > > > > > WG > > > > > > -----Original Message----- > > > From: Barney Boisvert [mailto:[EMAIL PROTECTED] > > > Sent: 29 May 2003 20:52 > > > To: CF-Talk > > > Subject: RE: Making the MX Popup Menu Javascript Dynamic > > > > > > > > > I usually use a character count times an average width. For instance, I > > use > > > 6.5 as my multiplier for 10pt verdana. Capital 'W' is 11 pixels, I > > believe, > > > lowercase 'l' is 2 pixels, and the rest are somewhere in between. > Really > > > simple, no cost, and quite effective: > > > > > > <script> > > > multiplier = 6.5; > > > buffer = 20; // extra space around the items > > > > > > window.mymenu = new Menu("title, null, null, "verdana,sans-serif"); > > > <cfset maxlen = 0 /> > > > <cfloop query="items"> > > > <cfset maxlen = max(maxlen, len(name)) /> > > > mymenu.addMenuItem("#name#", "location='#url#'"); > > > </cfloop> > > > mymenu.menuWidth = Math.round(#maxlen# * multiplier) + buffer; > > > </script> > > > > > > I haven't used the menus from DWMX, i use an old version from fireworks, > > but > > > that shouldn't matter. > > > > > > --- > > > Barney Boisvert, Senior Development Engineer > > > AudienceCentral (formerly PIER System, Inc.) > > > [EMAIL PROTECTED] > > > voice : 360.756.8080 x12 > > > fax : 360.647.5351 > > > > > > www.audiencecentral.com > > > > > > > -----Original Message----- > > > > From: Shawn Grover [mailto:[EMAIL PROTECTED] > > > > Sent: Thursday, May 29, 2003 12:24 PM > > > > To: CF-Talk > > > > Subject: RE: Making the MX Popup Menu Javascript Dynamic > > > > > > > > > > > > The COOLjsMenu and COOLjsTree look pretty good. Decent prices too. > > > > > > > > http://javascript.cooldev.com/scripts/coolmenu/ > > > > > > > > > > > > -----Original Message----- > > > > From: Jamie Jackson [mailto:[EMAIL PROTECTED] > > > > Sent: Thursday, May 29, 2003 1:14 PM > > > > To: CF-Talk > > > > Subject: Making the MX Popup Menu Javascript Dynamic > > > > > > > > > > > > I hacked up the popup javascript generated by DreamWeaver MX, so I > > > > could make the popups data-driven (see below, if interested). I only > > > > have one problem, though: mm_menu.js doesn't dynamically size the > > > > popup "cells," so if your data is longer than your static width, it's > > > > ugly. > > > > > > > > Apparently DreamWeaver MX (and, I guess, Fireworks MX) itself > > > > calculates and sums glyph widths, according to font and size (in other > > > > words, it takes into account the width difference of an Arial "i" and > > > > "M"). It seems like this could get hairy, if I were to try to > > > > calculate these myself. > > > > > > > > Does anybody know how to modify mm_menu.js to dynamically size these > > > > popup "cells," OR know of any comparable, free DHTML popup app that > > > > does dynamic sizing? (I used to use HierMenus, but they want $1500+ > > > > for it now -- what a GOUGE.) > > > > > > > > Thanks, > > > > Jamie > > > > > > > > <cfoutput> > > > > <script language="JavaScript"> > > > > <!-- > > > > function mmLoadMenus() { > > > > if (window.mm_menu_1) return; > > > > </cfoutput> > > > > <cfset jsLoopIdx = 0> > > > > <cfoutput query="getHeadlines" group="section_name"> > > > > <cfset jsLoopIdx = jsLoopIdx + 1> > > > > window.mm_menu_#jsLoopIdx# = new Menu("root",500,18,"Arial, > > > > Helvetica, > > > > sans-serif",12,"navy","purple","##DDDDDD","##FFCCCC","left","middl > > > > e",3,0,100 > > > > 0,-5,7,true,true,true,0,true,true); > > > > mm_menu_#jsLoopIdx#.addMenuItem("#section_name#","location='articl > > > > es.cfm?sec > > > > tion_id=#section_id#&issue_id=#request.issue_id#'"); > > > > <cfoutput> > > > > mm_menu_#jsLoopIdx#.addMenuItem("#headline#","location='articles.c > > > > fm?article > > > > _id=#article_id#'"); > > > > </cfoutput> > > > > mm_menu_#jsLoopIdx#.hideOnMouseOut=true; > > > > mm_menu_#jsLoopIdx#.bgColor='##555555'; > > > > mm_menu_#jsLoopIdx#.menuBorder=1; > > > > mm_menu_#jsLoopIdx#.menuLiteBgColor='##FFFFFF'; > > > > mm_menu_#jsLoopIdx#.menuBorderBgColor='##777777'; > > > > </cfoutput> > > > > > > > > <cfoutput>mm_menu_#jsLoopIdx#.writeMenus();</cfoutput> > > > > } // mmLoadMenus() > > > > //--> > > > > </script> > > > > <script language="JavaScript" src="mm_menu.js"></script> > > > > <script language="JavaScript1.2">mmLoadMenus();</script> > > > > > > > > <cfset jsLoopIdx = 0> > > > > <cfoutput query="getHeadlines" group="section_name"> > > > > <cfset jsLoopIdx = jsLoopIdx + 1> > > > > <img src="images/sec_btn_top.gif" width=151 height=4 alt="" > > > > border="0"><br> > > > > <a href="javascript:;" > > > > onMouseOver="MM_showMenu(window.mm_menu_#jsLoopIdx#,140,3,null,'bu > > > > tton#jsLoo > > > > pIdx#')" > > > > onMouseOut="MM_startTimeout();"><img #button_image# > > > > name="button#jsLoopIdx#" alt="#section_name#" border=0></a><br> > > > > <img src="images/sec_btn_bot.gif" width=151 height=3 alt="" > > > > border=0><br> > > > > <cfoutput> > > > > </cfoutput> > > > > </cfoutput> > > > > > > > > > > > > > > > > > > > ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~| Archives: http://www.houseoffusion.com/cf_lists/index.cfm?forumid=4 Subscription: http://www.houseoffusion.com/cf_lists/index.cfm?method=subscribe&forumid=4 FAQ: http://www.thenetprofits.co.uk/coldfusion/faq Signup for the Fusion Authority news alert and keep up with the latest news in ColdFusion and related topics. http://www.fusionauthority.com/signup.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
