Menus not properly covering Lists

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

Menus not properly covering Lists

Poster: TSFM
Dated: Wednesday April 11 2007 - 18:05:12 BST

I'm using the following code:-

outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color=#FFFDD0', Direction=135, Strength=3)";

Underlying lists are not covered by the menu.

What should I do to ensure the menu stays on top?

Many thanks fo rany help.

Poster: Ruth
Dated: Thursday April 12 2007 - 1:57:15 BST

Hi,

We can't answer that question without seeing the page and the menu to see what's causing it to 'not' cover lists.

Ruth

Menus not properly covering Lists

Poster: TSFM
Dated: Thursday April 12 2007 - 10:17:42 BST

The test site is http://rightholidays-com.merc.helmcontrolpanel.net

It works with Mozilla Firefox and Opera, but it doesn't work with Internet Explorer, Deepnet or Maxthon.

The full menu code is:-

Code:

<CFQUERY NAME="Level_01" DATASOURCE="#AcDNS#" username="#AcName#" password="#AcPW#">
  Select * FROM tblStructure Order by DisplayOrder
</cfquery>
<CFQUERY NAME="Level_02" DATASOURCE="#AcDNS#" username="#AcName#" password="#AcPW#">
  Select * FROM tblSubStructure Order by DisplayOrder
</cfquery>
<CFQUERY NAME="Level_03" DATASOURCE="#AcDNS#" username="#AcName#" password="#AcPW#">
  Select * FROM tblThirdTierStructure Order by DisplayOrder
</cfquery>

_menuCloseDelay=500;
_menuOpenDelay=0;
_scrollAmount=3;
_scrollDelay=20;
_subOffsetTop=0;
_subOffsetLeft=0;
_CFix = true;

with(Webbees_Style=new mm_style()){
oncolor="#FFFF00";
offcolor="#0000FF";
onbold=1;
fontsize=11;
fontstyle="normal";
fontweight="bold";
fontfamily="Verdana,Ariel,Helvetica,sans-serif";
outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=100);Shadow(color=#FFFDD0', Direction=135, Strength=3)";
padding=8;
separatorcolor="#FFFFFF";
itemwidth=120;
separatorsize=4;
bgimage="images/Button_Milonic.jpg";
overbgimage="images/Button_Milonic_Over.jpg";
}

with(Minor_Webbees_Style=new mm_style()){
oncolor="#FFFF00";
offcolor="#0000FF";
onbold=1;
fontsize=11;
fontstyle="normal";
fontweight="bold";
fontfamily="Verdana,Ariel,Helvetica,sans-serif";
outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=100);Shadow(color=#FFFDD0', Direction=135, Strength=3)";
padding=8;
separatorcolor="#FFFFFF";
separatorsize=4;
bgimage="images/Button_Milonic_Long.jpg";
overbgimage="images/Button_Milonic_Over_Long.jpg";
}

<cfloop query="Level_01">
<cfset WhereName = "#LinkName#">   
with(milonic=new menuname("<cfoutput>#LinkName#</cfoutput>")){
itemwidth=175;
style=Minor_Webbees_Style;
alignment="left";
<cfloop query="Level_02">
<cfif Trim(ParentMenu) IS Trim(WhereName)> 
   <cfif Trim(HasChild) IS "Yes">
      aI("text=<cfoutput>#LinkName#</cfoutput>;align=center;showmenu=<cfoutput>#LinkName#</cfoutput>;
bgimage=images/B.jpg;overbgimage=images/B_Over.jpg;")      
   <cfelse>
      aI("text=<cfoutput>#LinkName#</cfoutput>;align=center;url=<cfoutput>#URL#</cfoutput>;")      
   </cfif>
</cfif>
</cfloop>
}

</cfloop>

<cfloop query="Level_02">
<cfif Trim(HasChild) IS "Yes">
<cfset WhereNextName = "#LinkName#">
with(milonic=new menuname("<cfoutput>#LinkName#</cfoutput>")){
itemwidth=175;
style=Minor_Webbees_Style;
alignment="left";
<cfloop query="Level_03">
   <cfif Trim(ParentSubMenu) IS Trim(WhereNextName)> 
      aI("text=<cfoutput>#LinkName#</cfoutput>;align=center;url=<cfoutput>#URL#</cfoutput>;")      
   </cfif>
</cfloop>
}
</cfif>
</cfloop>

drawMenus();

I used this technique based on the advice of John, and it works well except for this problem.

Does that help?

Poster: Ruth
Dated: Thursday April 12 2007 - 19:00:32 BST

Hi,

I'm going to have to hand this off to John since I don't do cfm and I can't even get the menu when I load the page. I tried downloading the page and it downloads but not the menu_data.cfm file, nor the cfform.js so when I try to get that at the url listed it tells me page not found. I tried going to that 'page' i.e. menu_data.cfm, and I get the page but only part of the file up to this point:

Code:

aI("text=Turkiye ;align=center;url=Place_Result.cfm?Linked_Name=

then an error message that says:

Code:

 Variable LINK_NAME is undefined.
 
The error occurred in C:\Domains\rightholidays.com\wwwroot\Menus\menu_data.cfm: 
line 63

61 : aI("text=<cfoutput>#LinkName#</cfoutput>;align=center;
showmenu=<cfoutput>#LinkName#</cfoutput>;
bgimage=images/B.jpg;overbgimage=images/B_Over.jpg;")      
62 : <cfelse>
63 : aI("text=<cfoutput>#LinkName#</cfoutput>;align=center;url=
Place_Result.cfm?Linked_Name=<cfoutput>#Link_Name#</cfoutput>;target=mainFrame;")      
64 : </cfif>
65 : </cfif>

So, unfortunately, I can't do anything since I don't get the menu in order to see what it's doing. It also gives the error, Webbies_style is undefined.
So that seems to be saying that the menu_data.cfm file is not loading so it can read that style.

Ruth

Poster: John
Dated: Friday April 13 2007 - 16:20:09 BST

I'm not seeing the menu come up, either.

However, the first thing I've found is an unbalanced quote in both of your style definitions...

Code:

overfilter="Fade(duration=0.2);Alpha(opacity=100);Shadow(color=#FFFDD0', Direction=135, Strength=3)";

You're missing a ' before the # in color...

Code:

overfilter="Fade(duration=0.2);Alpha(opacity=100);Shadow(color='#FFFDD0', Direction=135, Strength=3)";

That might take both of your styles completely out of things.

I also noticed you're 2 versions down in the code you're running (5.770). Current is 5.772, which is required for support in the Forum. Note there were numerous bug fixes in the 5.771 release.

Upgrade, and let us know if the fix above brings your styles back. If not we'll continue from there.

Industrial Strength JavaScript and DHTML Menus

Menus not properly covering Lists

Menus not properly covering Lists