I needed to implement a self contained Horizontal menu that shows the user which section they are in by using a highlight that is different from the rest of the menu bar. No breadcrumbs.<\/p>\n
Using coldfusion allowed me to do it. Turn everything off then use an URL variable (xWhereAmI_ind) to turn on the section they are in. We then use a class variable which is controlled by CSS to affect the appearance of the hilight.<\/p>\n
One note. FOR MSIE 6 you must declare the css for each of the highlight anchor modes (link, hover, visited) separately from the menu anchor modes. The highlight a:link and a:visited should be the same. I needed to implement a self contained Horizontal menu that shows the user which section they are in by using a highlight that is different from the rest of the menu bar. No breadcrumbs. Using coldfusion allowed me to do … Continue reading <cfset navhome=\"HILIGHT_OFF\">
\n\t\t<cfset navreports=\"HILIGHT_OFF\">
\n\t\t<cfset navdocs=\"HILIGHT_OFF\">
\n\t\t<cfset navtools=\"HILIGHT_OFF\">
\n\t\t<cfset navlinks=\"HILIGHT_OFF\">
\n\t\t<cfset navinternal=\"HILIGHT_OFF\">
\n
\n\t\t<cfif #IsDefined('xWhereAmI_ind')#>
\n\t\t<cfswitch expression=\"#xWhereAmI_ind#\">
\n\t\t<cfcase value=\"home_gnXd\"><cfset navhome=\"HILIGHT_ON\"><\/cfcase>
\n\t\t<cfcase value=\"rpt_gnXd\"><cfset navreports=\"HILIGHT_ON><\/cfcase>
\n\t\t<cfcase value=\"doc_gnXd\"><cfset navdocs=\"HILIGHT_ON\"><\/cfcase>
\n\t\t<cfcase value=\"tool_gnXd\"><cfset navtools=\"HILIGHT_ON\"><\/cfcase>
\n\t\t<cfcase value=\"link_gnXd\"><cfset navlinks=\"HILIGHT_ON\"><\/cfcase>
\n\t<cfcase value=\"linkIntrnl_gnXd\"><cfset navinternal=\"HILIGHT_ON\"><<\/cfcase>
\n\t\t<\/cfswitch>
\n\t<\/cfif><\/code><\/p>\n
\n
\nul li a:link{background-color:white; color:blue;}
\nul li a:hover{background-color:blue; color: white}
\nul li a:visited{background-color:silver; color:blue;}
\nul .HIGHLIGHT_ON a:link{background-color:blue; color:white}
\nul .HIGHLIGHT_ON a:hover{background-color:blue; color: black}
\nul .HIGHLIGHT_ON a:visited{background-color:white; color: blue}
\n<\/code><\/p>\n","protected":false},"excerpt":{"rendered":"