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","middle",3,0,1000,-5,7,true,true,true,0,true,true);
mm_menu_#jsLoopIdx#.addMenuItem("#section_name#","location='articles.cfm?section_id=#section_id#&issue_id=#request.issue_id#'");
<cfoutput>
mm_menu_#jsLoopIdx#.addMenuItem("#headline#","location='articles.cfm?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,'button#jsLoopIdx#')"
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
This list and all House of Fusion resources hosted by CFHosting.com. The place for
dependable ColdFusion Hosting.
http://www.cfhosting.com
Unsubscribe:
http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
