Re: RE: Making the MX Popup Menu Javascript Dynamic
Go to http://www.milonic.co.uk/menu/. Their menu works over select boxes. Show to
your HTML/JS guy. Make sure you help him close his jaw :)
- Original Message -
From: webguy [EMAIL PROTECTED]
Date: Thursday, May 29, 2003 2: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.
Reallysimple, 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,##DD,##FF,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='##55';
mm_menu_#jsLoopIdx#.menuBorder=1;
mm_menu_#jsLoopIdx#.menuLiteBgColor='##FF';
mm_menu_#jsLoopIdx#.menuBorderBgColor='##77';
/cfoutput
cfoutputmm_menu_#jsLoopIdx#.writeMenus();/cfoutput
} // mmLoadMenus()
//--
/script
script language=JavaScript src=mm_menu.js/script
script language=JavaScript1.2mmLoadMenus();/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=0br
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=0br
img src=images/sec_btn_bot.gif width=151 height=3 alt=
border=0br
cfoutput
/cfoutput
/cfoutput
~|
Archives: http://www.houseoffusion.com/cf_lists/index.cfm?forumid=4
Subscription:
http://www.houseoffusion.com/cf_lists/index.cfm?method=subscribeforumid=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
Re: RE: Making the MX Popup Menu Javascript Dynamic
http://www.milonic.co.uk/menu/overforms_sample.php The instructions on this page are wrong, though. You don't need to wrap divs around your form. - Original Message - From: Marlon Moyer [EMAIL PROTECTED] Date: Thursday, May 29, 2003 3: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 carefullythe 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 distractingto 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 likeyou'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
Re: RE: Making the MX Popup Menu Javascript Dynamic
Another fairly striaghtforward way is (at least in IE, I have not tested it on Netscape or Opera) is to hide the form element (SELECT or OBJECT) that is below the menu. I know this may not be a popular solution but go to microsoft.com and do a full save of the page, you will see toolbar.js, there are functions called hideElement and showElement which shows how they accomplish this. I do not see why this same method should not work using NS6+ or Opera 6+ as well. As I said before, it may not be a popular solution but it is one work around. HTH Best Regards, Donnie Bachan Phone: (718) 217-2883 ICQ#: 28006783 Nitendo Vinces - By Striving You Shall Conquer == The information transmitted is intended only for the person or entity to which it is addressed and may contain confidential and/or privileged material. Any review, retransmission, dissemination or other use of, or taking of any action in reliance upon, this information by persons or entities other than the intended recipient is prohibited. If you received this in error, please contact the sender and delete the material from any computer. _ Tired of spam? Get advanced junk mail protection with MSN 8. http://join.msn.com/?page=features/junkmail ~| Archives: http://www.houseoffusion.com/cf_lists/index.cfm?forumid=4 Subscription: http://www.houseoffusion.com/cf_lists/index.cfm?method=subscribeforumid=4 FAQ: http://www.thenetprofits.co.uk/coldfusion/faq Get the mailserver that powers this list at http://www.coolfusion.com Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
