"Dynamenu" for osCommerce

[Guest]

Hi everyone

 

I've installed dm and display the vertical menu. All works fine. Thank you very much!

 

One Q: I would like to add a horizontal line between the categories. How do I manage to get this to work?

Any help is highly appreciated.

 

Thanks!

 

Markus

[Guest]

Nobody an idea how to add a horizontal line between the main categories? I just can't get it to work...

 

KR

Markus

[itzbilly]

The only changes that were made from original code from contribution are the colors and position of menu. Used full length color codes, still no good.

 

Happy belated independence day, all. Still looking for help on this.

[jklino]

Hi, I have a question that I haven't been able to find after searching this forum for the last couple days. How do I control the color of the menu font for the "selected" category type? I want it to be the same color as the "active" type. I am using the vertical fly-out menu and this has to do with the main menu, not the submenus... yet ;) You can see what I'm talking about here: www.solidsolutionsracing.com/products I want the text in the main menu to remain Red after it has been clicked and you're onto the next page. Any suggestions? It seems like I've tried every combination of changes to the CSS. Thank you!

[Guest]

Hi, I have a question that I haven't been able to find after searching this forum for the last couple days. How do I control the color of the menu font for the "selected" category type? I want it to be the same color as the "active" type. I am using the vertical fly-out menu and this has to do with the main menu, not the submenus... yet You can see what I'm talking about here: www.solidsolutionsracing.com/products I want the text in the main menu to remain Red after it has been clicked and you're onto the next page. Any suggestions? It seems like I've tried every combination of changes to the CSS. Thank you!

 

Have you tried .dmselected ?

[andreicsa]

Hello,

 

Today I have installed the DM on my osc site. I have used 1 = Vertical Flyout and everything worked fine in Mozilla. But then I realised that in IE 8 the subcategories appear aligned to the right or something like that. My site is www.sejurturism.ro . Please help .

 

Thank you,

Andrei

[jklino]

Have you tried .dmselected ?

 

Yes I tried changing the values in .dmselected, thats what has me stumped. Here is my menu CSS:

 

/*---------------------------------*/

/* Vertical Fly-Out Menu Style */

/*---------------------------------*/

 

.verbar { /* Color of main vertical menubar and border */

/* color: black; */

background: url(images/menu_button_bg_1.gif);

/* border: 0px outset #000000; */

 

}

 

.vertitem { /* Behaviour of main vertical menu items, leave as is for proper operation */

text-align: left;

white-space: nowrap;

}

 

.vertitem a { /* Font style, size of main menu items */

font-family: Arial Black, Arial Black, Gadget, sans-serif;

font-size: 24px;

text-decoration: none;

position: relative;

display: block;

width: 160px;

height: 32px;

}

 

.vertitem a:link, .vertitem a:visited { /* Default font style & color of main menu items */

color: #000000;

text-decoration: none;

}

 

.vertitem a:hover { /* Font style & color, background menu color of main menu item when hovered over */

color: #c80000;

background: url(images/menu_button_bg_2.gif);

text-decoration: none;

}

 

.vertitem a:active { /* Font style & color, background menu color of main menu item when clicked */

color: #ff0000;

background: url(images/menu_button_bg_2.gif);

text-decoration: none;

}

 

.vertsubmenu { /* Behaviour of sub-menu - leave as is for proper operation of submenus */

position: absolute;

left: 0;

top: 0;

visibility: hidden;

}

 

.vertsubframe { /* Color of submenu item and border */

background: url(images/submenu_button_bg_1.gif);

/* border: 2px outset #fdfefd; */

 

position: relative;

display: block;

}

 

.vertsubitem { /* Behaviour of sub-menu - leave as is for proper operation of submenus */

text-align: left;

white-space: nowrap;

}

 

.vertsubitem a { /* Font style, size of submenu items */

font-family: Verdana, Arial, sans-serif;

font-size: 12px;

text-decoration: none;

width: 216px;

height: 24px;

position: relative;

display: block;

}

 

.vertsubitem a:link, .vertsubitem a:visited { /* Default font style & color of submenu items */

color: #000000;

text-decoration: none;

}

 

.vertsubitem a:hover { /* Font style & color, background submenu color of submenu item when hovered over */

color: #c80000;

background: url(images/submenu_button_bg_2.gif);

text-decoration: none;

}

 

.vertsubitem a:active { /* Font style & color, background submenu color of submenu item when clicked */

color: #ff0000;

background: url(images/submenu_button_bg_2.gif);

text-decoration: none;

}

 

.vertsubitem .vertfwdarr, .vertitem .vertfwdarr { /* Positioning of right arrow for submenus */

position: absolute;

top: 4px;

right: 8px;

}

 

.dmselected { /* Style override for selected category tree */

color: #ff0000;

background-color: #ccc;

font-weight: bold;

}

 

.verbar .dmselected { /* Style override for selected root category */

color: #ff0000;

background: url(images/menu_button_bg_2.gif);

}

[Guest]

Yes I tried changing the values in .dmselected, thats what has me stumped. Here is my menu CSS:

 

/*---------------------------------*/

/* Vertical Fly-Out Menu Style */

/*---------------------------------*/

 

.dmselected { /* Style override for selected category tree */

color: #ff0000;

background-color: #ccc;

font-weight: bold;

}

 

.verbar .dmselected { /* Style override for selected root category */

color: #ff0000;

background: url(images/menu_button_bg_2.gif);

}

 

Are you using the whole css file that came with Dynamenu or only the part for Vertical Fly-Out Menu ?

If you are using the whole css file, then become aware of two occurrence of .dmselected in the file..

[jklino]

Are you using the whole css file that came with Dynamenu or only the part for Vertical Fly-Out Menu ?

If you are using the whole css file, then become aware of two occurrence of .dmselected in the file..

 

I'm only using the Vertical Fly-Out part in my CSS and it only uses .dmselected and .verbar .dmselected at the end. Could there be something from the OSC part of the CSS overriding this font color? Thank you for your help, I definitely appreciate it!

[andreicsa]

Can anyone please help me with my I.E. problem ?

[Guest]

I'm only using the Vertical Fly-Out part in my CSS and it only uses .dmselected and .verbar .dmselected at the end. Could there be something from the OSC part of the CSS overriding this font color? Thank you for your help, I definitely appreciate it!

 

I'm not sure since it is a long time since I was playing with this, but you could be right that OSC is overriding it. I am not using 'Color' in my menu css, but I change the background on the .dmselected. (www.emti.no/catalog)

The best way is to play with strong colors to see what is doing what and where changes are made..

[itzbilly]

Still looking for help on my issue :(

[itzbilly]

this thread still being watched? still need help :(

[itzbilly]

Kendall,

 

In the STS template file, there should be a div code at the end of the file. If there isn't, adding and leaving a <div> open fixed the flyout for me. Remember to leave it open (no closing </div> tag). Then change the stylesheet accordingly so that the menu will open up where you need it to.

 

 

 

Tracy,

 

Do you know where I should add the z-index to my menu stylesheet? I tried adding it to verbar and vertsubmenu but it's still not making any difference. Currently, my entire layout is on z-index 3 and menu is on z-index 4. I have tried flash on z-index 3, 2, 1, 0. No go.

 

Do you mind taking a look at my stylesheet and seeing if there's anything I missed? div.coupon is my flash.

 

@charset "utf-8";

/* CSS Document

   Copyright (c) Freeoscommerce.com 2009

This file is part of a freeoscommerce.com template.  Please visit http://www.freeoscommerce.com for licensing and other information.
*/

body {
margin: 0px;
padding: 0px;
background: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: justify;
}

div#wrapper1 {
position: relative;
width: 100%;
min-height: 500px;
margin: 30px 0px 0px 0px;
overflow: auto;
}

div#wrapper2 {
z-index: 3;
position: relative;
left: 50%;
width: 949px;
padding: 94px 0px 94px 0px;
margin-left: -474px;
min-height: 300px;
}

div#header_wrapper {
position: relative;
top: -100px;
width: 949px;
min-height: 140px;
overflow: auto;
}

div#header_top {
z-index: 3;
position: absolute;
top: 0px;
width: 949px;
height: 140px;
background: url(images/footer_header_top.png) top center no-repeat;
}

div#header_bottom {
z-index: 3;
position: absolute;
bottom: 0px;
width: 949px;
height: 0px;
background: url(images/footer_header_bottom.jpg) top center no-repeat;
}

div#menu {
z-index: 4;
position: relative;
width: 949px;
padding-top: 89px;
color: #ffffff;
font-size: 16px;
text-align: right;
font-weight: bold;
}

div#menu span {
margin: 0px 25px 0px 25px;
}

div#wrapper3 {
z-index: 3;
position: relative;
top: -99px;
width: 966px;
padding: 10px 0px 10px 0px;
min-height: 10px;
overflow: auto;
}

div#column_left {
position: relative;
float: left;
width: 190px;
padding: 0px 0px 10px 0px;
min-height: 300px;
overflow: hidden;
}

div#column_middle {
position: relative;
float: left;
width: 726px;
min-height: 300px;
padding: 10px 20px 10px 20px;
overflow: auto;
}

div#column_right {
position: relative;
float: left;
width: 190px;
padding: 0px 0px 10px 0px;
min-height: 300px;
overflow: hidden;
}

div#footer_wrapper {
position: relative;
width: 949px;
top:-120px;
min-height: 79px;
background: url(images/footer_header_middle.jpg) top center repeat-y;
overflow: auto;
}

div#footer_top {
z-index: 3;
position: absolute;
top: 0px;
width: 949px;
height: 52px;
background: url(images/footer_header_top.jpg) top center no-repeat;
}

div#footer_bottom {
z-index: 3;
position: absolute;
bottom: 0px;
width: 949px;
height: 26px;
background: url(images/footer_header_bottom.jpg) top center no-repeat;
}

div#footer {
z-index: 4;
position: relative;
width: 919px;
padding: 15px;
color: #000000;
text-align: center;
}

div#background_middle {
z-index: 1;
position: absolute;
width: 100%;
top: 0px;
height: 100%;
background: url(images/main_middle.jpg) top center repeat-y;
}

div#background_top {
z-index: 2;
position: absolute;
width: 100%;
top: 0px;
height: 200px;
background: url(images/main_top.jpg) top center repeat-y;
}

div#background_bottom {
z-index: 2;
position: absolute;
width: 100%;
bottom: 0px;
height: 200px;
background: url(images/main_bottom.jpg) bottom center repeat-y;
}

div#website_name {
z-index: 4;
position: absolute;
width: 640px;
top: 50px;
left: 50%;
margin-left: -175px;
text-align: right;
color: #000000;
font-size: 26px;
}

a:link {
color: #000000;
text-decoration: none;
}

a:visited {
color: #000000;
text-decoration: none;
}

a:hover {
color: #ff9c00;
text-decoration: none;
}

a:active {
color: #f5be54;
text-decoration: none;
}

#menu a:link {
color: #FFFFFF;
text-decoration: none;
}

#menu a:visited {
color: #FFFFFF;
text-decoration: none;
}

#menu a:hover {
color: #000000;
text-decoration: none;
}

#menu a:active {
color: #ffffff;
text-decoration: none;
}

/* Hide icons in page headings */
#pageIcon, td.pageHeading img {
display: none;
}

h1 {
font-size: 14px;
font-weight: bold;
}
h2 {
font-size: 13px;
font-weight: bold;
}
h3 {
font-size: 12px;
font-weight: bold;
}
h4 {
font-size: 12px;
}
h5 {
font-size: 12px;
}
h6 {
font-size: 12px;
}

div#column_middle td.infoBoxHeading {
padding-top: 10px; 
padding-bottom: 0px;
font-size: 15px;
font-weight: bold;
}

td.pageHeading {
padding: 0px;
font-size: 20px;
font-weight: bold;
}

div#navigation {
margin-top: 0px;
margin-bottom: 15px;
color: #000000;
}

div.side_column div.infobox {
position: relative;
width: 190px;
min-height: 109px;
margin: 0px 0px 10px 0px;
background: url(images/sidebar_middle.jpg) top center repeat-y;
}

div.side_column div.infobox_top {
z-index: 3;
position: absolute;
top: 0px;
width: 190px;
height: 77px;
background: url(images/sidebar_top.jpg) top center no-repeat;
}

div.side_column div.infobox_bottom {
z-index: 3;
position: absolute;
bottom: 0px;
width: 190px;
height: 31px;
background: url(images/sidebar_bottom.jpg) top center no-repeat;
}

div.side_column div.infobox_heading {
z-index: 4;
position: relative;
width: 150px;
height: 17px;
padding: 15px 10px 5px 10px;
margin: 0px 10px 0px 10px;
background: url(images/sidebar_heading.jpg) bottom center no-repeat;
color: #000000;
font-weight: bold;
}

div.side_column div.infobox_heading_shoppingcart {
z-index: 4;
position: relative;
width: 150px;
height: 17px;
padding: 15px 10px 5px 10px;
margin: 0px 10px 0px 10px;
background: url(images/sidebar_heading1.jpg) bottom center no-repeat;
color: #FFFFFF;
font-weight: bold;
}

div.side_column div.infobox_content {
z-index: 4;
position: relative;
width: 170px;
padding: 10px 10px 10px 10px;
}

div.side_column div.infobox_heading a:link {
color: #000000;
text-decoration: none;
}

div.side_column div.infobox_heading a:visited {
color: #000000;
text-decoration: none;
}

div.side_column div.infobox_heading a:hover {
color: #ffffff;
text-decoration: none;
}

div.side_column div.infobox_heading a:active {
color: #000000;
text-decoration: none;
}

div.side_column div.infobox_heading_shoppingcart a:link {
color: #FFFFFF;
text-decoration: none;
}

div.side_column div.infobox_heading_shoppingcart a:visited {
color: #FFFFFF;
text-decoration: none;
}

div.side_column div.infobox_heading_shoppingcart a:hover {
color: #000000;
text-decoration: none;
}

div.side_column div.infobox_heading_shoppingcart a:active {
color: #FFFFFF;
text-decoration: none;
}

div.side_column table.infoBox {
width: 170px;
overflow: hidden;
}

td.infoBoxHeading img, td.infoBoxHeading img {
display: none;
}

td.infoBoxHeading a img, td.infoBoxHeading a img {
display: inline;
}

div#column_middle td.infoBoxHeading {
padding: 0px 0px 10px 0px;
}

td.main textarea {
height: 200px; 
width: 370px;
}


div.coupon {
position: relative;
z-index: 0;
}



/*---------------------------------*/
/*   Vertical Fly-Out Menu Style   */
/*---------------------------------*/

.verbar	{   /* Color of main vertical menubar and border */
color: black;
background-color: #dfdfdf;
border: 0px outset #dfdfdf;
z-index:4;
}

.vertitem	{          /* Behaviour of main vertical menu items, leave as is for proper operation */
text-align: left;
white-space: normal;
}

.vertitem	a {   /* Font style, size of main menu items */
 font-family: Verdana, Arial, sans-serif;
font-size: 12px;		
text-decoration: none;
position: relative;
display: block;		
}

.vertitem a:link, .vertitem a:visited	{   /* Default font style & color of main menu items */
color: #000000;
text-decoration: none;	
}

.vertitem a:hover	{   /* Font style & color, background menu color of main menu item when hovered over */
color: #000000;
background-color: #f8b83d;
text-decoration: none;
}

.vertitem a:active	{   /* Font style & color, background menu color of main menu item when clicked */
color: #ffff00;
background-color: #f8b83d;	
text-decoration: none;	
}

.vertsubmenu	{   /* Behaviour of sub-menu  - leave as is for proper operation of submenus */
position: absolute;
left: 0;
top: 0;
visibility: hidden;
z-index:4;
}

.vertsubframe	{   /* Color of submenu item and border */
background-color: #dfdfdf;
border: 0px outset #dfdfdf;

position: relative;
display: block;	
}

.vertsubitem	{     /* Behaviour of sub-menu  - leave as is for proper operation of submenus */
text-align: left;
white-space: normal;
}

.vertsubitem a	{   /* Font style, size of submenu items */
 font-family: Verdana, Arial, sans-serif;
font-size: 12px;			
text-decoration: none;

position: relative;
display: block;	
}

.vertsubitem a:link, .vertsubitem a:visited	{   /* Default font style & color of submenu items */
color: #000000;
text-decoration: none;	
}

.vertsubitem a:hover	{   /* Font style & color, background submenu color of submenu item when hovered over */
color: #000000;
background-color: #f8b83d;
text-decoration: none;
}

.vertsubitem a:active	{   /* Font style & color, background submenu color of submenu item when clicked */
color: #ffff00;
background-color: #f8b83d;	
text-decoration: none;			
}

.vertsubitem .vertfwdarr, .vertitem .vertfwdarr	{   /* Positioning of right arrow for submenus */
position: absolute;
top: 5px;
right: 8px;
}

.dmselected {   /* Style override for selected category tree */
   background-color: #ccc;
	font-weight: bold;
}

.verbar .dmselected {   /* Style override for selected root category */
   background-color: #999;
}

 

 

Still need help!

[Guest]

OK im looking at adding in this contrib as i need flyout menu but there are 19 files and no list of what/which need to be installed and in which order.

Keep going through the files but all seem to say you need this or that installed first.

Can someone please just post an install instructions so we can understand what ere suposed to be doing now there are so many updates/ additions to the origional.

thankyou.

 

confused.

[geepeetee]

Hi, with the plain menu, is it possible to just have the root categories expanded? With the sub categories only expanded when clicked on?

 

Thanks,

Gareth

[itzbilly]

Still need help!

 

Still need a solution to my issue! Please help!

[csbutler3]

I need help merging Dynamenu's tree menu format with my oscommerce template. Could someone please tell me what codes I would need to modify to do that? Thank you for your time =)

[tc001]

Hello,

 

I installed this contribution for an STS Template, it works perfect in all browser BUT Firefox and Netscape; the site is broken and the following message appears at the top of the home page

 

-1) ? 1 : 0; // We need to detect Konqueror 2.2 as it does not handle the window.onresize event Konqueror22 = (navigator.userAgent.indexOf('Konqueror 2.2') > -1 || navigator.userAgent.indexOf('Konqueror/2.2') > -1) ? 1 : 0; Konqueror30 = ( navigator.userAgent.indexOf('Konqueror 3.0') > -1 || navigator.userAgent.indexOf('Konqueror/3.0') > -1 || navigator.userAgent.indexOf('Konqueror 3;') > -1 || navigator.userAgent.indexOf('Konqueror/3;') > -1 || navigator.userAgent.indexOf('Konqueror 3)') > -1 || navigator.userAgent.indexOf('Konqueror/3)') > -1 ) ? 1 : 0; Konqueror31 = (navigator.userAgent.indexOf('Konqueror 3.1') > -1 || navigator.userAgent.indexOf('Konqueror/3.1') > -1) ? 1 : 0; // We need to detect Konqueror 3.2 and 3.3 as they are affected by the see-through effect only for 2 form elements Konqueror32 = (navigator.userAgent.indexOf('Konqueror 3.2') > -1 || navigator.userAgent.indexOf('Konqueror/3.2') > -1) ? 1 : 0; Konqueror33 = (navigator.userAgent.indexOf('Konqueror 3.3') > -1 || navigator.userAgent.indexOf('Konqueror/3.3') > -1) ? 1 : 0; Opera = (navigator.userAgent.indexOf('Opera') > -1) ? 1 : 0; Opera5 = (navigator.userAgent.indexOf('Opera 5') > -1 || navigator.userAgent.indexOf('Opera/5') > -1) ? 1 : 0; Opera6 = (navigator.userAgent.indexOf('Opera 6') > -1 || navigator.userAgent.indexOf('Opera/6') > -1) ? 1 : 0; Opera56 = Opera5 || Opera6; IE = (navigator.userAgent.indexOf('MSIE') > -1) ? 1 : 0; IE = IE && !Opera; IE5 = IE && DOM; IE4 = (document.all) ? 1 : 0; IE4 = IE4 && IE && !DOM; // -->  

 

 

Firefox Version I am using is 3.6.8 and Netscape Version is 7.2

 

Hope someone can help.

 

Jane

[tc001]

OK im looking at adding in this contrib as i need flyout menu but there are 19 files and no list of what/which need to be installed and in which order.

Keep going through the files but all seem to say you need this or that installed first.

Can someone please just post an install instructions so we can understand what ere suposed to be doing now there are so many updates/ additions to the origional.

thankyou.

 

confused.

 

Hi,

 

I installed the "Dynamenu" for osCommerce v1.11 "Missing Images" update version and it works great.

 

Try that one; it's a full install.

 

Regards,

 

Jane

[TracyS]

What does the source code look like that has that statement? Chances are it is missing something to help hide it.

 

Hello,

 

I installed this contribution for an STS Template, it works perfect in all browser BUT Firefox and Netscape; the site is broken and the following message appears at the top of the home page

 

-1) ? 1 : 0; // We need to detect Konqueror 2.2 as it does not handle the window.onresize event Konqueror22 = (navigator.userAgent.indexOf('Konqueror 2.2') > -1 || navigator.userAgent.indexOf('Konqueror/2.2') > -1) ? 1 : 0; Konqueror30 = ( navigator.userAgent.indexOf('Konqueror 3.0') > -1 || navigator.userAgent.indexOf('Konqueror/3.0') > -1 || navigator.userAgent.indexOf('Konqueror 3;') > -1 || navigator.userAgent.indexOf('Konqueror/3;') > -1 || navigator.userAgent.indexOf('Konqueror 3)') > -1 || navigator.userAgent.indexOf('Konqueror/3)') > -1 ) ? 1 : 0; Konqueror31 = (navigator.userAgent.indexOf('Konqueror 3.1') > -1 || navigator.userAgent.indexOf('Konqueror/3.1') > -1) ? 1 : 0; // We need to detect Konqueror 3.2 and 3.3 as they are affected by the see-through effect only for 2 form elements Konqueror32 = (navigator.userAgent.indexOf('Konqueror 3.2') > -1 || navigator.userAgent.indexOf('Konqueror/3.2') > -1) ? 1 : 0; Konqueror33 = (navigator.userAgent.indexOf('Konqueror 3.3') > -1 || navigator.userAgent.indexOf('Konqueror/3.3') > -1) ? 1 : 0; Opera = (navigator.userAgent.indexOf('Opera') > -1) ? 1 : 0; Opera5 = (navigator.userAgent.indexOf('Opera 5') > -1 || navigator.userAgent.indexOf('Opera/5') > -1) ? 1 : 0; Opera6 = (navigator.userAgent.indexOf('Opera 6') > -1 || navigator.userAgent.indexOf('Opera/6') > -1) ? 1 : 0; Opera56 = Opera5 || Opera6; IE = (navigator.userAgent.indexOf('MSIE') > -1) ? 1 : 0; IE = IE && !Opera; IE5 = IE && DOM; IE4 = (document.all) ? 1 : 0; IE4 = IE4 && IE && !DOM; // -->  

 

 

Firefox Version I am using is 3.6.8 and Netscape Version is 7.2

 

Hope someone can help.

 

Jane

[csbutler3]

I need help merging Dynamenu's tree menu format with my oscommerce template. Could someone please tell me what codes I would need to modify to do that? Thank you for your time =)

 

Please don't forget about me :'( Isn't there someone out there who has experience merging dynamenu with their template? :(

[tc001]

What does the source code look like that has that statement? Chances are it is missing something to help hide it.

 

Hello,

 

Thank you for your response.

 

The following is what shows in the page source section surrounding this error message:

<!-- start categorybox //-->
       <script language="JavaScript" type="text/javascript">
           <!--
               // PHP Layers Menu 3.2.0-rc (C) 2001-2004 Marco Pratesi - http://www.marcopratesi.it/

DOM = (document.getElementById) ? 1 : 0;
NS4 = (document.layers) ? 1 : 0;
// We need to explicitly detect Konqueror
// because Konqueror 3 sets IE = 1 ... AAAAAAAAAARGHHH!!!
Konqueror = (navigator.userAgent.indexOf('Konqueror') > -1) ? 1 : 0;
// We need to detect Konqueror 2.2 as it does not handle the window.onresize event
Konqueror22 = (navigator.userAgent.indexOf('Konqueror 2.2') > -1 || navigator.userAgent.indexOf('Konqueror/2.2') > -1) ? 1 : 0;
Konqueror30 =
(
	navigator.userAgent.indexOf('Konqueror 3.0') > -1
	|| navigator.userAgent.indexOf('Konqueror/3.0') > -1
	|| navigator.userAgent.indexOf('Konqueror 3;') > -1
	|| navigator.userAgent.indexOf('Konqueror/3;') > -1
	|| navigator.userAgent.indexOf('Konqueror 3)') > -1
	|| navigator.userAgent.indexOf('Konqueror/3)') > -1
)
? 1 : 0;
Konqueror31 = (navigator.userAgent.indexOf('Konqueror 3.1') > -1 || navigator.userAgent.indexOf('Konqueror/3.1') > -1) ? 1 : 0;
// We need to detect Konqueror 3.2 and 3.3 as they are affected by the see-through effect only for 2 form elements
Konqueror32 = (navigator.userAgent.indexOf('Konqueror 3.2') > -1 || navigator.userAgent.indexOf('Konqueror/3.2') > -1) ? 1 : 0;
Konqueror33 = (navigator.userAgent.indexOf('Konqueror 3.3') > -1 || navigator.userAgent.indexOf('Konqueror/3.3') > -1) ? 1 : 0;
Opera = (navigator.userAgent.indexOf('Opera') > -1) ? 1 : 0;
Opera5 = (navigator.userAgent.indexOf('Opera 5') > -1 || navigator.userAgent.indexOf('Opera/5') > -1) ? 1 : 0;
Opera6 = (navigator.userAgent.indexOf('Opera 6') > -1 || navigator.userAgent.indexOf('Opera/6') > -1) ? 1 : 0;
Opera56 = Opera5 || Opera6;
IE = (navigator.userAgent.indexOf('MSIE') > -1) ? 1 : 0;
IE = IE && !Opera;
IE5 = IE && DOM;
IE4 = (document.all) ? 1 : 0;
IE4 = IE4 && IE && !DOM;

           // -->
       </script>

       <script language="JavaScript" type="text/javascript" src="includes/functions/dynamenu/libjs/layersmenu-library.js"></script>
       <script language="JavaScript" type="text/javascript" src="includes/functions/dynamenu/libjs/layersmenu.js"></script>
   <!-- beginning of menu header - PHP Layers Menu 3.2.0-rc (C) 2001-2004 Marco Pratesi - http://www.marcopratesi.it/ -->

<script language="JavaScript" type="text/javascript">
<!--

menuTopShift = 0;
menuRightShift = 4;
menuLeftShift = 4;

var thresholdY = 1;
var abscissaStep = 140;

toBeHidden = new Array();
toBeHiddenLeft = new Array();
toBeHiddenTop = new Array();

listl = ['L1','L36','L47','L67','L69','L72','L93','L152','L180','L228','L238','L280','L297','L305','L321','L323','L328','L332','L362','L364','L369','L374','L383','L395','L396','L407','L415','L418','L422','L430','L432','L434','L440','L443','L449','L457','L462','L464','L470','L472','L480','L494','L504','L512','L513','L516','L518','L523','L526','L531','L533','L535','L537','L539','L541','L543','L545','L547','L550','L552','L554','L556','L560','L573','L579','L613','L623','L631','L640','L647','L656','L687','L702','L708','L718','L732','L763','L768','L774','L837','L851','L854','L883','L889','L892','L920','L948','L966'];
var numl = listl.length;

father = new Array();
for (i=1; i<=974; i++) {
father['L' + i] = '';
}
father_keys = ['L2','L3','L4','L5','L6','L7','L8','L9','L10','L11','L12','L13','L14','L15','L16','L17','L18','L19','L20','L21','L22','L23','L24','L25','L26','L27','L28','L29','L30','L31','L32','L33','L34','L35','L37','L38','L39','L40','L41','L42','L43','L44','L45','L46','L48','L49','L50','L51','L52','L53','L54','L55','L56','L57','L58','L59','L60','L61','L62','L63','L64','L65','L66','L68','L70','L71','L73','L74','L75','L76','L77','L78','L79','L80','L81','L82','L83','L84','L85','L86','L87','L88','L89','L90','L91','L92','L94','L95','L96','L97','L98','L99','L100','L101','L102','L103','L104','L105','L106','L107','L108','L109','L110','L111','L112','L113','L114','L115','L116','L117','L118','L119','L120','L121','L122','L123','L124','L125','L126','L127','L128','L129','L130','L131','L132','L133','L134','L135','L136','L137','L138','L139','L140','L141','L142','L143','L144','L145','L146','L147','L148','L149','L150','L151','L153','L154','L155','L156','L157','L158','L159','L160','L161','L162','L163','L164','L165','L166','L167','L168','L169','L170','L171','L172','L173','L174','L175','L176','L177','L178','L179','L181','L182','L183','L184','L185','L186','L187','L188','L189','L190','L191','L192','L193','L194','L195','L196','L197','L198','L199','L200','L201','L202','L203','L204','L205','L206','L207','L208','L209','L210','L211','L212','L213','L214','L215','L216','L217','L218','L219','L220','L221','L222','L223','L224','L225','L226','L227','L229','L230','L231','L232','L233','L234','L235','L236','L237','L239','L240','L241','L242','L243','L244','L245','L246','L247','L248','L249','L250','L251','L252','L253','L254','L255','L256','L257','L258','L259','L260','L261','L262','L263','L264','L265','L266','L267','L268','L269','L270','L271','L272','L273','L274','L275','L276','L277','L278','L279','L281','L282','L283','L284','L285','L286','L287','L288','L289','L290','L291','L292','L293','L294','L295','L296','L298','L299','L300','L301','L302','L303','L304','L306','L307','L308','L309','L310','L311','L312','L313','L314','L315','L316','L317','L318','L319','L320','L322','L324','L325','L326','L327','L329','L330','L331','L333','L334','L335','L336','L337','L338','L339','L340','L341','L342','L343','L344','L345','L346','L347','L348','L349','L350','L351','L352','L353','L354','L355','L356','L357','L358','L359','L360','L361','L363','L365','L366','L367','L368','L370','L371','L372','L373','L375','L376','L377','L378','L379','L380','L381','L382','L384','L385','L386','L387','L388','L389','L390','L391','L392','L393','L394','L396','L397','L398','L399','L400','L401','L402','L403','L404','L405','L406','L407','L408','L409','L410','L411','L412','L413','L414','L415','L416','L417','L418','L419','L420','L421','L422','L423','L424','L425','L426','L427','L428','L429','L430','L431','L432','L433','L434','L435','L436','L437','L438','L439','L440','L441','L442','L443','L444','L445','L446','L447','L448','L449','L450','L451','L452','L453','L454','L455','L456','L457','L458','L459','L460','L461','L462','L463','L464','L465','L466','L467','L468','L469','L470','L471','L473','L474','L475','L476','L477','L478','L479','L481','L482','L483','L484','L485','L486','L487','L488','L489','L490','L491','L492','L493','L495','L496','L497','L498','L499','L500','L501','L502','L503','L505','L506','L507','L508','L509','L510','L511','L513','L514','L515','L516','L517','L518','L519','L520','L521','L522','L523','L524','L525','L526','L527','L528','L529','L530','L531','L532','L533','L534','L535','L536','L537','L538','L539','L540','L541','L542','L543','L544','L545','L546','L547','L548','L549','L550','L551','L552','L553','L554','L555','L556','L557','L558','L559','L561','L562','L563','L564','L565','L566','L567','L568','L569','L570','L571','L572','L574','L575','L576','L577','L578','L580','L581','L582','L583','L584','L585','L586','L587','L588','L589','L590','L591','L592','L593','L594','L595','L596','L597','L598','L599','L600','L601','L602','L603','L604','L605','L606','L607','L608','L609','L610','L611','L612','L614','L615','L616','L617','L618','L619','L620','L621','L622','L624','L625','L626','L627','L628','L629','L630','L632','L633','L634','L635','L636','L637','L638','L639','L641','L642','L643','L644','L645','L646','L648','L649','L650','L651','L652','L653','L654','L655','L657','L658','L659','L660','L661','L662','L663','L664','L665','L666','L667','L668','L669','L670','L671','L672','L673','L674','L675','L676','L677','L678','L679','L680','L681','L682','L683','L684','L685','L686','L688','L689','L690','L691','L692','L693','L694','L695','L696','L697','L698','L699','L700','L701','L703','L704','L705','L706','L707','L709','L710','L711','L712','L713','L714','L715','L716','L717','L719','L720','L721','L722','L723','L724','L725','L726','L727','L728','L729','L730','L731','L733','L734','L735','L736','L737','L738','L739','L740','L741','L742','L743','L744','L745','L746','L747','L748','L749','L750','L751','L752','L753','L754','L755','L756','L757','L758','L759','L760','L761','L762','L764','L765','L766','L767','L769','L770','L771','L772','L773','L775','L776','L777','L778','L779','L780','L781','L782','L783','L784','L785','L786','L787','L788','L789','L790','L791','L792','L793','L794','L795','L796','L797','L798','L799','L800','L801','L802','L803','L804','L805','L806','L807','L808','L809','L810','L811','L812','L813','L814','L815','L816','L817','L818','L819','L820','L821','L822','L823','L824','L825','L826','L827','L828','L829','L830','L831','L832','L833','L834','L835','L836','L838','L839','L840','L841','L842','L843','L844','L845','L846','L847','L848','L849','L850','L852','L853','L855','L856','L857','L858','L859','L860','L861','L862','L863','L864','L865','L866','L867','L868','L869','L870','L871','L872','L873','L874','L875','L876','L877','L878','L879','L880','L881','L882','L884','L885','L886','L887','L888','L890','L891','L893','L894','L895','L896','L897','L898','L899','L900','L901','L902','L903','L904','L905','L906','L907','L908','L909','L910','L911','L912','L913','L914','L915','L916','L917','L918','L919','L921','L922','L923','L924','L925','L926','L927','L928','L929','L930','L931','L932','L933','L934','L935','L936','L937','L938','L939','L940','L941','L942','L943','L944','L945','L946','L949','L950','L951','L952','L953','L954','L955','L956','L957','L958','L959','L960','L961','L962','L963','L964','L965','L967','L968','L969','L970','L971','L972','L973','L974'];
father_vals = ['L1','L1','L1','L1','L1','L1','L1','L1','L1','L1','L1','L1','L1','L1','L1','L1','L1','L1','L1','L1','L1','L1','L1','L1','L1','L1','L1','L1','L1','L1','L1','L1','L1','L1','L36','L36','L36','L36','L36','L36','L36','L36','L36','L36','L47','L47','L47','L47','L47','L47','L47','L47','L47','L47','L47','L47','L47','L47','L47','L47','L47','L47','L47','L67','L69','L69','L72','L72','L72','L72','L72','L72','L72','L72','L72','L72','L72','L72','L72','L72','L72','L72','L72','L72','L72','L72','L93','L93','L93','L93','L93','L93','L93','L93','L93','L93','L93','L93','L93','L93','L93','L93','L93','L93','L93','L93','L93','L93','L93','L93','L93','L93','L93','L93','L93','L93','L93','L93','L93','L93','L93','L93','L93','L93','L93','L93','L93','L93','L93','L93','L93','L93','L93','L93','L93','L93','L93','L93','L93','L93','L93','L93','L93','L93','L152','L152','L152','L152','L152','L152','L152','L152','L152','L152','L152','L152','L152','L152','L152','L152','L152','L152','L152','L152','L152','L152','L152','L152','L152','L152','L152','L180','L180','L180','L180','L180','L180','L180','L180','L180','L180','L180','L180','L180','L180','L180','L180','L180','L180','L180','L180','L180','L180','L180','L180','L180','L180','L180','L180','L180','L180','L180','L180','L180','L180','L180','L180','L180','L180','L180','L180','L180','L180','L180','L180','L180','L180','L180','L228','L228','L228','L228','L228','L228','L228','L228','L228','L238','L238','L238','L238','L238','L238','L238','L238','L238','L238','L238','L238','L238','L238','L238','L238','L238','L238','L238','L238','L238','L238','L238','L238','L238','L238','L238','L238','L238','L238','L238','L238','L238','L238','L238','L238','L238','L238','L238','L238','L238','L280','L280','L280','L280','L280','L280','L280','L280','L280','L280','L280','L280','L280','L280','L280','L280','L297','L297','L297','L297','L297','L297','L297','L305','L305','L305','L305','L305','L305','L305','L305','L305','L305','L305','L305','L305','L305','L305','L321','L323','L323','L323','L323','L328','L328','L328','L332','L332','L332','L332','L332','L332','L332','L332','L332','L332','L332','L332','L332','L332','L332','L332','L332','L332','L332','L332','L332','L332','L332','L332','L332','L332','L332','L332','L332','L362','L364','L364','L364','L364','L369','L369','L369','L369','L374','L374','L374','L374','L374','L374','L374','L374','L383','L383','L383','L383','L383','L383','L383','L383','L383','L383','L383','L395','L396','L396','L396','L396','L396','L396','L396','L396','L396','L396','L395','L407','L407','L407','L407','L407','L407','L407','L395','L415','L415','L395','L418','L418','L418','L395','L422','L422','L422','L422','L422','L422','L422','L395','L430','L395','L432','L395','L434','L434','L434','L434','L434','L395','L440','L440','L395','L443','L443','L443','L443','L443','L395','L449','L449','L449','L449','L449','L449','L449','L395','L457','L457','L457','L457','L395','L462','L395','L464','L464','L464','L464','L464','L395','L470','L472','L472','L472','L472','L472','L472','L472','L480','L480','L480','L480','L480','L480','L480','L480','L480','L480','L480','L480','L480','L494','L494','L494','L494','L494','L494','L494','L494','L494','L504','L504','L504','L504','L504','L504','L504','L512','L513','L513','L512','L516','L512','L518','L518','L518','L518','L512','L523','L523','L512','L526','L526','L526','L526','L512','L531','L512','L533','L512','L535','L512','L537','L512','L539','L512','L541','L512','L543','L512','L545','L512','L547','L547','L512','L550','L512','L552','L512','L554','L512','L556','L556','L556','L560','L560','L560','L560','L560','L560','L560','L560','L560','L560','L560','L560','L573','L573','L573','L573','L573','L579','L579','L579','L579','L579','L579','L579','L579','L579','L579','L579','L579','L579','L579','L579','L579','L579','L579','L579','L579','L579','L579','L579','L579','L579','L579','L579','L579','L579','L579','L579','L579','L579','L613','L613','L613','L613','L613','L613','L613','L613','L613','L623','L623','L623','L623','L623','L623','L623','L631','L631','L631','L631','L631','L631','L631','L631','L640','L640','L640','L640','L640','L640','L647','L647','L647','L647','L647','L647','L647','L647','L656','L656','L656','L656','L656','L656','L656','L656','L656','L656','L656','L656','L656','L656','L656','L656','L656','L656','L656','L656','L656','L656','L656','L656','L656','L656','L656','L656','L656','L656','L687','L687','L687','L687','L687','L687','L687','L687','L687','L687','L687','L687','L687','L687','L702','L702','L702','L702','L702','L708','L708','L708','L708','L708','L708','L708','L708','L708','L718','L718','L718','L718','L718','L718','L718','L718','L718','L718','L718','L718','L718','L732','L732','L732','L732','L732','L732','L732','L732','L732','L732','L732','L732','L732','L732','L732','L732','L732','L732','L732','L732','L732','L732','L732','L732','L732','L732','L732','L732','L732','L732','L763','L763','L763','L763','L768','L768','L768','L768','L768','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L774','L837','L837','L837','L837','L837','L837','L837','L837','L837','L837','L837','L837','L837','L851','L851','L854','L854','L854','L854','L854','L854','L854','L854','L854','L854','L854','L854','L854','L854','L854','L854','L854','L854','L854','L854','L854','L854','L854','L854','L854','L854','L854','L854','L883','L883','L883','L883','L883','L889','L889','L892','L892','L892','L892','L892','L892','L892','L892','L892','L892','L892','L892','L892','L892','L892','L892','L892','L892','L892','L892','L892','L892','L892','L892','L892','L892','L892','L920','L920','L920','L920','L920','L920','L920','L920','L920','L920','L920','L920','L920','L920','L920','L920','L920','L920','L920','L920','L920','L920','L920','L920','L920','L920','L948','L948','L948','L948','L948','L948','L948','L948','L948','L948','L948','L948','L948','L948','L948','L948','L948','L966','L966','L966','L966','L966','L966','L966','L966'];
for (i=0; i<father_keys.length; i++) {
father[father_keys[i]] = father_vals[i];
}

lwidth = new Array();
var lwidthDetected = 0;

function moveLayers()
{
if (!lwidthDetected) {
	for (i=0; i<numl; i++) {
		lwidth[listl[i]] = getOffsetWidth(listl[i]);
	}
	lwidthDetected = 1;
}
if (IE4) {
	for (i=0; i<numl; i++) {
		setWidth(listl[i], abscissaStep);
	}
}
var catmenuTOP = getOffsetTop('catmenu');
var catmenuLEFT = getOffsetLeft('catmenu');
var catmenuWIDTH = getOffsetWidth('catmenu');
setLeft('L1', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L36', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L47', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L67', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L69', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L72', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L93', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L152', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L180', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L228', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L238', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L280', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L297', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L305', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L321', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L323', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L328', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L332', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L362', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L364', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L369', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L374', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L383', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L395', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L472', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L480', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L494', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L504', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L512', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L560', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L573', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L579', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L613', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L623', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L631', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L640', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L647', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L656', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L687', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L702', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L708', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L718', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L732', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L763', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L768', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L774', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L837', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L851', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L854', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L883', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L889', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L892', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L920', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L948', catmenuLEFT + catmenuWIDTH - menuRightShift);
setLeft('L966', catmenuLEFT + catmenuWIDTH - menuRightShift);

}

back = new Array();
for (i=1; i<=974; i++) {
back['L' + i] = 0;
}

// -->
</script>

<!-- end of menu header - PHP Layers Menu 3.2.0-rc (C) 2001-2004 Marco Pratesi - http://www.marcopratesi.it/ -->

<div class="infobox_heading">Browse Categories</div>
<div class="infobox_content"><table border="0" width="100%" cellspacing="0" cellpadding="3" class="infoBoxContents">

 <tr>
   <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>
 </tr>
 <tr>
   <td class="boxText">
<!-- beginning of vertical menu bar -->

 

The code is breakign right afer this line "Konqueror = (navigator.userAgent.indexOf('Konqueror') >"

[tc001]

Please don't forget about me :'( Isn't there someone out there who has experience merging dynamenu with their template? :(

 

Hi,

 

I don't have much experience with this contribution, the only section I'm familiar with at this point from playing with the files is the Vertical Menu option. What is your exact problem?

 

Regards,

 

Jane

[tc001]

Hello,

 

Thank you for your response.

 

The following is what shows in the page source section surrounding this error message:

<!-- start categorybox //-->
       <script language="JavaScript" type="text/javascript">
           <!--
               // PHP Layers Menu 3.2.0-rc (C) 2001-2004 Marco Pratesi - http://www.marcopratesi.it/

 

The code is breakign right afer this line "Konqueror = (navigator.userAgent.indexOf('Konqueror') >"

 

 

I fixed my issue!!!!! I noticed in my header there were line comments, a lot actually so I removed them and BAM worked! One of the line comments must have been conflicting with the code.

 

Hope that helps someone!

 

Thank you TracyS for attempting to help me.

 

Kind regards,

 

Jane