Menu suggestions Spry problem?

Similar Questions

• Help Menu DreamWeaver Spry

  Ok! So im pretty good with Adobe DreamWeaver and have no problem, create or edit a Spry Menu. My question is how to change a Spry Menu so that I can add or remove topics on several pages, without having to individually edit each page.
  
  I try to have a site of more than 500 Pages and I want a menu bar Spry who can be changed once, but change the drop down options for all 500 + pages that. I want to frequently update the Spry Menu.
  
  If anyone has an idea how to do this, please let me know, I searched google all day, without success.
  
  Thank you

  You must use a SSI (Server Side includes)

  The idea is to create a single file (containing all the coding of spry menu) and then through the side Server include the spry menu coding is inserted in all the pages that you apply.

  When you come to update the menu you have to edit a single file and upload to your server instead of 500 pages.

  Google "server side includes".

• Menu accordion spry link does not

  I built a menu accordion spry using Dreamweaver CS5. I noticed that the menu accordion navigation labels cannot be linked to pages. See the Overview of link in the menu accordion and notice that it doesn't not goes not to "overview.html" I added in the code. What I am doing wrong?

  Thank you. Any help is greatly appreciated.

  I see this in your css spry file - you could try to remove the two entrances to the user to select

  * NOTE: * This rule uses -moz-user-select and -khtml-user-select properties to prevent the * user from selecting the text in the AccordionPanelTab. These are proprietary browser * properties that only work in Mozilla based browsers (like FireFox) and KHTML based * browsers (like Safari), so they will not pass W3C validation. If you want your documents to * validate, and don't care if the user can select the text within an AccordionPanelTab, * you can safely remove those properties without affecting the functionality of the widget. */.AccordionPanelTab {     background-color: #FFF;     border-bottom: dotted .5pt gray;     margin: 0px;     padding: 6px;     cursor: pointer;     -moz-user-select: none;     -khtml-user-select: none;     font-family: Georgia, "Times New Roman", Times, serif;     font-size: 9pt;     background-image: url(../images/mykcurve_expand.gif);     background-position: right;     background-repeat: no-repeat;
  

• Need to change the menu bar Spry for a right-to-left language

  Hello

  I am trying to create a menu bar Spry with submenus for a language from right to left.  This means that I need to the menu bar appear on the right side of the screen, having the submenus pop up to the left of their parent buttons and the little arrows that appear on the parent point left buttons (instead of the right as is the default behavior).  I discovered how to get the menus pop up to the left of their parents and you can manage to get the menu on the right side of the screen, I think.  However, I am having a hard time finding how to get small arrows on the left.  Can someone help me with this?

  I use DW CS3 on Windows XP and test with IE and Firefox.

  Web site can be found at: http://www.pogostick.NET/~Shahaf/test2

  In the document css SpryMenuBar, 3rd section for Indication of submenu.  You'll see a few GIFs with a substantive position.  It is the image of the arrow.  Simply change the position and you are good to go.

• menu height Spry in IE no right

  Hello
  
  Anyone who knows why the menu horizontal spry is ok in safari ff on mac and win. But in ie it shows
  a margin... or should I update to 1.6, but what happens then?
  
  Thanx
  
  Pascal

  url: http://www.clownfish.nl/klanten/groen_def/groen.html

  (horizontally), there is a gap in the main menu and the submenu on the movement of left on different pages.

• "Menu bar Spry" expanding box problem.

  Hello

  I wonder if anyone knows how to solve a 'expansion bar problem', associated with vertical menus bar spry.

  This problem occurs especially in Internet Explorer 10 and 11. All texts and images on the right of the menu spray are projected down to below the lower menu bar.

  The page is displayed in Firefox and Google Chrome 100%-125%, but the same thing would happen if I Zoom in more than 125%.

  The only potential incompatibility problem by Dreamweaver is the "expand the bar problem.

  Thanks in advance!

  Hello Ben,

  Thanks a lot for your suggestions.

  It seems that the problem had nothing to do with a "expanding box problem.

  I managed to solve the problem by introducing

  Michael

• Menu Spry, problems with background images in Internet Explorer

  Hello

  Looking for help from someone more qualified than me with some menus spry.  I have problems with background images don't show is not for some of my items menu in Internet Explorer.  Safari and firefox seem to accept it's ok.

  Here is a link to the menu: http://www.scottbrownwebdesign.com/beta/HTML/index.html

  and here is a link to the spry .css: http://www.scottbrownwebdesign.com/beta/HTML/SpryAssets/SpryMenuBarHorizontal.CSS

  I know that these are the elements that have the drop down or the side of the arrows.  I can't have two background images that I can?

  Thanks in advance,

  -Scott

  My first thought...

                       display: inline;          f\loat: left;          background: #FFF;
  
  Try declaring the background-image here as well... where it says not to mess with unless you know what you are doing.
  
  I'm just guessing though. If I had more time I'd look into it further but I do not.
  

• Problem of Menu Vertical SPRY (IE Hack?)

  I'm having a problem with the menu bar vertical Spry. The one I created works fine in Firefox and Safari, but not in Internet Explorer. In IE, containers of submenu Open AT THE TOP of the bar menu and not next to the selected menu item. I don't know how to fix it. Any help is appreciated.
  
  You can see the problem here (view in IE and ride on one of the menu items in the middle or bottom of the menu bar part): http://southerncharmgifts.net/thesouthernsportsman/html/ssarchery.html
  

  I tried all sorts of things all day today to solve the problem. The only thing that worked was totally recreate the vertical menu from scratch, with all new CSS. I do not know. The Spry menus are strange and buggy, he sews. I had problems with a previous site when I tried to use Spry. If all goes well, they work the bugs. Thanks again for your help.

  Quote:
  Posted by: SnakEyez02
  The problem you had before could have been due to the absolute layers and containers. I know Murray usually shows that these links about why staying away from absolute positioning can be a bad thing:

  http://www.great-Web-sights.com/g_layer-overlap.asp
  http://www.great-Web-sights.com/g_layersdemo.asp

  I did a quick remake of the site and did not generate these errors. I was always using layers, but I decided to the top of your background image and used expandable images for the side with the top and bottom as their own slices with a container in the middle. Sorry I don't have a specific change this answer, but there seems to be something with these layers.

• Menu Vertical Spry, Firefox, Focus Indication problem

  Hi all
  
  I use Dreamweaver CS4 to create a portfolio for my work site and ran into a problem when my Menu from Navigation Vertical Spry out testing in Firefox.
  
  If I click on a navigation item a red dotted border appears all about the element and ruins / the appearance of the site. Here a link to the problem (problem occurs by clicking, not only hovering).
  
  The little image icon 'lock' I like the last item in the menu has strangely affected summer as well. Who seems to have not only the red dotted border, but a black frame around the image. I'm not sure of what could be the cause, but it may be unrelated to the red dotted border. You can put pictures in a Spry Menu?
  
  I did some research here and this could be caused by problems with discussion tab keyboard with Firefox? It works fine in Safari and I have not yet tested under IE. I'm really new to this and hope someone here can help me. Thank you in advance!
  
  PS - If you can get detailed instructions would be a real help. I'm new on this and have basic skills CSS/HTML and no knowledge in Javascript at all.
  
  Sincerely,
  
  -Nick Breslow

  nbreslow wrote:
  > Hi all,
  >
  > I use Dreamweaver CS4 to create a portfolio for my work site and ran into
  > a problem during the test of my Navigation Vertical Spry out in Firefox Menu.
  >
  > If I click on a navigation item a red dotted border appears around the
  > element and ruins / the appearance of the site.
  > http://www.nicholasbreslow.com/sample1/ is a link to the problem (problem
  (> occurs by clicking on, not just hover).

  For me in Firefox 3, it occurs when you move your menu items.

  >
  > The little image icon 'lock' I have as the last item in the menu has been
  > strangely affected as well. That seems to have not only the dotted red box
  > but a black frame around the image. I'm not sure of what could be the cause
  > but it could be unrelated to the red dotted border. You can put images in a
  > Spry menu?

  What you see is a function of accessibility called a preview and is present to provide guidance on where they run when they tab around the page in people who use their keyboards. Removing it will remove any benefit those users and will make your page less accessible. You should be able to remove it by setting the property of outline of your menu to outline items: No. Using something similar to the following in your CSS:
  UL. MenuBarVertical a {outline: none ;}}

  Images when there is associated by default have a border around them, you can disable that line in specifically defining border against zero is directly on the tag img border = '0' or in the style of the journal:
  UL. MenuBarVertical an img {border: none ;}}

  > PS - If you are detailed instructions would be a real help. I'm new on this
  > and have basic skills CSS/HTML and no knowledge in Javascript at all.

  In addition, you should ask Spry in the Spry forum related issues:
  http://www.Adobe.com/cfusion/webforums/Forum/categories.cfm?forumid=72&CATID=602

  --
  Danilo Micen
  | http://blog.Extensioneering.com/
  | Extensioneer WebAssist
  | Adobe Community Expert

• Green Spry menu bar. -problem adding list-image in the menu bar container

  Can anyone help - after searching the Web failure

  I want to add a single image (such as bullet points) in front of the text in a menu bar.

  And to make it a bit more 'difficult': different images for the menu outermost bars and identical images in the submenu bar - like this:

  [pic1] CLUBS

  [pic2] XXXX

  [pic2] AAAA

  [pic3] RESULTS

  [pic4] FIXTURES

  Thanks in advance for the solutions
  (perhaps also make the Spry menu?)

  Georg

  • http://www.croquet.at/img/navi-left/hoop_blue.gif "> Clubs"

    • http://www.croquet.at/img/center/bullet_ball.gif"> Salzburg.
    • http://www.croquet.at/img/center/bullet_ball.gif"> Wien.
    • http://www.croquet.at/img/center/bullet_ball.gif"> Wolkersdorf.

    Nancy O.

• Menu formatting Spry works do not correctly in DW CS6

  Hello

  I installed a spry menu but the formatting does not work properly.

  The hover color works correctly, but the selected menu item color does not change. Only the tab of the home menu remains colored.

  Please can anyone suggest what could be bad?

  Thank you.

  Robbieg

  Indicator of persisting in the Site wide menu Page.

  http://ALT-Web.com/articles/persistent-page-indicator.shtml

  Nancy O.

• Menu Bar Spry Widget 2.0 with several background images.

  Hello

  I am quite new to HTML & CSS. I designed a navigation system using Dreamweaver built in the Spry menu bar. When I discovered that it did not work on the mobile platform iOS (iPad), I rebuilt using the 2.0 Bar Menu Spry Widget. After going through the tutorial of David Powers on the subject (here: http://www.adobe.com/devnet/dreamweaver/articles/spry_menu_bar.html ) and tweaking the CSS by trial and error that I'm going to look very nice, but is not quite where I want it to be, and I need help. It is a question of the 3 part (well okay, it's three different questions).

  Here are two links to the work in progress (note: all site links, see the pages still using the older menus built-in spry bar - please ignore them). CSS for the menu is contained in these documents. Each maintains a drop-down list in a slightly different way. Both versions are relevant to questions 2 and 3.

  http://www.mentalwarddesign.NET/Dynamech/about/index.html

  http://www.mentalwarddesign.NET/Dynamech/about/indexV2.html

  1. when a link is set to a menu item that contains a submenu, the submenu drop-down does not work on iOS touchscreen devices (ie the iPad). Main menu link must be removed so that it works correctly. I want a user to be able to click (or tap) on the main menu item and be taken directly to the first page in the submenu. Is there a solution for this?

  2. the first version (/ index.html) has a submenu with a border and demarcation lines. The second version (/ indexV2.html) has no borders/lines, but a RADIUS on the corners. I try to combine these to have the RADIUS and the lines. The borders are controlled by #MenuBar. SubMenu.MenuItem RADIUS is controlled by #MenuBar.SubMenuVisble and #MenuBar.MenuLevel1.SubmenuVisible. The problem I get when you combine the two effects is that borders extend beyond the RADIUS. I tried ' overflow: hidden ' on any combination of the foregoing ID's and the only thing that made him the flyout of sub-sub to appear is prevented. Any thoughts on how I might accomplish this?

  3 here is what is referenced in the subject.  The Menu bar is in a div tag called navMain. The background image in this div is made unique navigation bar image to look like seven tabs. If you look at the indexV2.html link above and go to the 'about' tab you'll see what I'm doing. I need to use a different background image for each tab for consulted/assets /. And of course I don't want the images repeat in the submenus as they do here. But wait, there is more! I also want to create a State "chosen" so that the image on hover shows from any page you are visiting currently - IE if you look at any page in the 'Drawings' submenu (of lets say that you are on the "miscellaneous" page) then the stationary image for "Drawings" is displayed. And if possible, he would suffer to the question I posed in the #1?

  Thanks in advance for helping this newbie. The responces are greatly appreciated.

  Ed

  If the markup of my menu bar is the following

  • Homepage
  • Entertainment
  • Policy
  • Sports

  so I can style each button as follows

  #MenuBar .home. MenuItem, #MenuBar .home. MenuItem. {MenuItemLabel}

  background-color: orange;

  }

  #MenuBar .entertainment. MenuItem, .entertainment #MenuBar. MenuItem. {MenuItemLabel}

  background-color: red;

  }

  #MenuBar .politics. MenuItem, #MenuBar .politics. MenuItem. {MenuItemLabel}

  background-color: white;

  }

  #MenuBar .sports. MenuItem, .sports #MenuBar. MenuItem. {MenuItemLabel}

  background-color: blue;

  color: white;

  }

  GRAMPS

• CS4 MENU HORIZONTAL SPRY DOES NOT WORK IN IE 8

  I had problems with the drop-down list of CS4 so I decided to create a clean HTML page and start from scratch. I created a new HTML page with nothing else than a horizontal menu spry, but it does not work in IE 8. Drop-down menus do not show. Nothing has been changed in all included files in DW, but I copied and pasted below.

  Any help would be greatly appreciated.

  HTML:

  < ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""
  " < html xmlns =" http://www.w3.org/1999/xhtml ">
  < head >
  < meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"
  < title > Untitled Document < /title >
  < script src = "SpryAssets/SpryMenuBar.js" type = "text/javascript" > < / script > "
  < link href = "SpryAssets/SpryMenuBarHorizontal.css" rel = "stylesheet" type = "text/css" / > "
  < / head >

  < body >
  < ul id = "MenuBar1" class = "MenuBarHorizontal" >
  < li > < a class = "MenuBarItemSubmenu" href = "#" > item 1 < /a >
  < ul >
  < li > < a href = "#" > 1.1 < /a > < /li >
  < li > < a href = "#" > 1.2 < /a > < /li >
  < li > < a href = "#" > question 1.3 < /a > < /li >
  < /ul >
  < /li >
  < li > < a href = "#" > item 2 < /a > < /li >
  < li > < a class = "MenuBarItemSubmenu" href = "#" > point 3 < /a >
  < ul >
  < li > < a class = "MenuBarItemSubmenu" href = "#" > point 3.1 < /a >
  < ul >
  < li > < a href = "#" > section 3.1.1 < /a > < /li >
  < li > < a href = "#" > 3.1.2 < /a > < /li >
  < /ul >
  < /li >
  < li > < a href = "#" > point 3.2 < /a > < /li >
  < li > < a href = "#" > point 3.3 < /a > < /li >
  < /ul >
  < /li >
  < li > < a href = "#" > point 4 < /a > < /li >
  < /ul >
  < script type = "text/javascript" >
  <!--
  var MenuBar1 = new Spry.Widget.MenuBar ("MenuBar1", {imgDown: "SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});})
  ->
  < /script >
  < / body >
  < / html >

  @charset "UTF-8";

  / * Sections - version 0.6 - Pre - Release Spry 1.6.1 * /.

  / * Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

  /*******************************************************************************

  The AVAILABLE INFORMATION: Describes the box model, positioning, the order

  *******************************************************************************/

  / * The outermost container for the menu bar, an area of width auto without margin or padding * /.
  UL. MenuBarHorizontal
  {
  margin: 0;
  padding: 0;
  list-style-type: none;
  do-size: 100%;
  cursor: default;
  Width: auto;
  }
  / * Value of the menu bar active with this class, currently the definition of z-index to accommodate IE rendering bugs: http://therealcrisp.xs4all.nl/Meuk/IE-zindexbug.html */
  UL. MenuBarActive
  {
  z-index: 1000;
  }
  / * Menu item containers, position of children relative to this container and are a fixed width * /.
  UL. MenuBarHorizontal li
  {
  margin: 0;
  padding: 0;
  list-style-type: none;
  do-size: 100%;
  position: relative;
  text-align: left;
  cursor: pointer;
  Width: 8th;
  float: left;
  }
  / * Submenus should appear under their parent (top: 0) with a higher z-index, but they are first the left side of the screen (-1000em) * /.
  UL. MenuBarHorizontal ul
  {
  margin: 0;
  padding: 0;
  list-style-type: none;
  do-size: 100%;
  z index: 1020;
  cursor: default;
  Width: 8.2em;
  position: absolute;
  left:-1000em;
  }
  / * Submenu that shows with the designation of the class MenuBarSubmenuVisible, we put the car left so it happens on the screen below its parent menu item * /.
  UL. MenuBarHorizontal ul. MenuBarSubmenuVisible
  {
  left: auto;
  }
  / * Container of menu items are same fixed width parent * /.
  UL. MenuBarHorizontal ul li
  {
  Width: 8.2em;
  }
  / * Submenus should appear slightly overlapping to the right (95%) and upward (-5%) * /.
  UL. MenuBarHorizontal ul ul
  {
  position: absolute;
  margin:-5% 0 0 95%;
  }
  / * Submenu that shows with the designation of the class MenuBarSubmenuVisible, we have left to 0, it is on the screen * /.
  UL. MenuBarHorizontal ul. MenuBarSubmenuVisible ul. MenuBarSubmenuVisible
  {
  left: auto;
  top: 0;
  }

  /*******************************************************************************

  INFORMATION DESIGN: Describes the set of colors, borders, fonts

  *******************************************************************************/

  / * Submenu containers have borders on all sides * /.
  UL. MenuBarHorizontal ul
  {
  border: 1px solid #CCC;
  }
  / * Menu items are a light grey block with padding and no text decoration * /.
  UL. MenuBarHorizontal a
  {
  display: block;
  cursor: pointer;
  background-color: #EEE;
  Padding: 0.5em 0.75em;
  Color: #333;
  text-decoration: none;
  }
  / Components menu that have mouse over or focus have a blue background and white text * /.
  UL. MenuBarHorizontal a: hover, ul. MenuBarHorizontal a: focus
  {
  background-color: # 33;
  color: #FFF;
  }
  / * Menu items that are opened with the submenus are on MenuBarItemHover with a blue background and white text * /.
  UL. MenuBarHorizontal a.MenuBarItemHover, ul. MenuBarHorizontal a.MenuBarItemSubmenuHover, ul. MenuBarHorizontal a.MenuBarSubmenuVisible
  {
  background-color: # 33;
  color: #FFF;
  }

  /*******************************************************************************

  Submenu INDICATION: styles if there is a submenu in a given category

  *******************************************************************************/

  / * Menu items that have a submenu have the MenuBarItemSubmenu class designation and are set to use a positioned background the far left (95%) and vertically centered image (50%) * /.
  UL. MenuBarHorizontal a.MenuBarItemSubmenu
  {
  background-image: url (SpryMenuBarDown.gif);
  background-repeat: no-repeat;
  background-position: 50 95%;
  }
  / * Menu items that have a submenu have the MenuBarItemSubmenu class designation and are set to use a positioned background the far left (95%) and vertically centered image (50%) * /.
  UL. MenuBarHorizontal ul a.MenuBarItemSubmenu
  {
  background-image: url (SpryMenuBarRight.gif);
  background-repeat: no-repeat;
  background-position: 50 95%;
  }
  / * Menu items that are opened with the submenus have the designation of the MenuBarItemSubmenuHover class and are set to use a background image "hover" positioned on the far left (95%) and centered vertically (50%) * /.
  UL. MenuBarHorizontal a.MenuBarItemSubmenuHover
  {
  background-image: url (SpryMenuBarDownHover.gif);
  background-repeat: no-repeat;
  background-position: 50 95%;
  }
  / * Menu items that are opened with the submenus have the designation of the MenuBarItemSubmenuHover class and are set to use a background image "hover" positioned on the far left (95%) and centered vertically (50%) * /.
  UL. MenuBarHorizontal ul a.MenuBarItemSubmenuHover
  {
  background-image: url (SpryMenuBarRightHover.gif);
  background-repeat: no-repeat;
  background-position: 50 95%;
  }

  /*******************************************************************************

  BROWSER HACKS: hacks below should not be changed, unless you are an expert

  *******************************************************************************/

  / * HACK FOR IE: to ensure that sub menus show above form controls, underpin us each submenu with an iframe * /.
  UL. MenuBarHorizontal iframe
  {
  position: absolute;
  z index: 1010;
  Filter:alpha(opacity:0.1);
  }
  / * HACK FOR IE: to stabilize the appearance of the menu items. the slash in the float is to keep IE 5.0 analysis * /.
  @media screen, projection
  {
  UL. MenuBarHorizontal li. MenuBarItemIE
  {
  display: inline;
  f\loat: left;
  Background: #FFF;
  }
  }

  SpryMenuBar.js - version 0.12 - Pre - Release Spry 1.6.1
  //
  Copyright (c) 2006. Adobe Systems Incorporated.
  All rights reserved.
  //
  Redistribution and use in source form and binary, with or without
  modification, are permitted provided that the following conditions are met:
  //
  * The redistributions of source code must retain the above copyright notice
  This list of conditions and the following disclaimer.
  * The redistributions in binary form must reproduce the above copyright notice
  This list of conditions and the following disclaimer in the documentation
  and/or other documents provided with the distribution.
  * Neither the name of Adobe Systems Incorporated nor the names of its
  contributors may be used to endorse or promote products derived from this
  software without specific written permission.
  //
  THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS WHAT.
  AND ANY EXPRESS WARRANTY OR IMPLIED, INCLUDING, BUT WITHOUT LIMITATION, THE
  GUARANTEED IMPLICIT QUALITY MARKET AND ADEQUACY HAS A PARTICULAR PURPOSE
  ARE EXCLUDED. IN NO CASE WILL THE OWNER OF THE COPYRIGHT OR CONTRIBUTORS BE
  RESPONSIBLE FOR DIRECT, INDIRECT, INCIDENTAL, SPECIAL DAMAGES, COPIES, OR
  CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PURCHASES OF)
  SUBSTITUTE PRODUCTS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
  INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
  CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
  RESULTING FROM THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
  POSSIBILITY OF SUCH DAMAGES.

  /*******************************************************************************

  SpryMenuBar.js
  This file manages the JavaScript for the Spry menu bar.  You should have no need
  to change this file.  Some highlights of the object from the menu bar, is that the timers are
  used to prevent the display until the user has flown over the parent of submenus
  menu item for some time, but also a timer for when they leave a submenu to keep
  display this submenu until that timer starts.

  *******************************************************************************/

  var Spry; If (!.) Spry) Spry = {}; If (!.) Spry.Widget) Spry.Widget = {};

  Spry.BrowserSniff = function()
  {
  var b = navigator.appName.toString ();
  var up = navigator.platform.toString ();
  au var = navigator.userAgent.toString ();

  This.Mozilla = this.ie = this.opera = this.safari = false;
  var re_opera = /Opera. ([0 - 9.] *)/i;
  var re_msie = /MSIE. ([0 - 9.] *)/i;
  var re_gecko = / gecko/i;
  var re_safari = /(applewebkit|safari)-/ ([\d\.] *) / i;
  var r = false;

  If ((r = ua.match (re_opera))) {}
  This.Opera = true;
  This.version = parseFloat (r [1]);
  } else if ((r = ua.match (re_msie))) {}
  This.IE = true;
  This.version = parseFloat (r [1]);
  } else if ((r = ua.match (re_safari))) {}
  This.Safari = true;
  This.version = parseFloat (r [2]);
  } else if (ua.match (re_gecko)) {}
  var re_gecko_version = /rv:\s*([0-9\.]_+) / i;
  r = ua.match (re_gecko_version);
  This.Mozilla = true;
  This.version = parseFloat (r [1]);
  }
  This.Windows = this.mac = this.linux = false;

  This. Platform = ua.match (/ windows/i)? "windows":
  (ua.match (/ linux/i)?) "linux":
  (ua.match (/ mac/i)?) "mac":
  UA.match (/ unix/i)? (('unix': 'unknown'));
  [this. Platform] = true;
  This.v = this.version;

  If (this.safari & & this.mac & & this.mozilla) {}
  This.Mozilla = false;
  }
  };

  Spry.is = new Spry.BrowserSniff ();

  Constructor for the Menu bar
  element must be an ID of an unordered list (< ul > tag)
  preloadImage1 and preloadImage2 are images for the rollover a State menu
  Spry.Widget.MenuBar = function (element, opts)
  {
  This.init (element, opts);
  };

  Spry.Widget.MenuBar.prototype.init = function (element, opts)
  {
  This.Element = this.getElement (element);

  represents the menu (under-) current, in that we operate
  this.currMenu = null;
  this.showDelay = 250;
  this.hideDelay = 600;
  If (typeof document.getElementById == 'undefined' |) (navigator.vendor == 'Apple Computer, Inc.' & & typeof window.) XMLHttpRequest == "undefined"). (Spry.is.ie & & typeof document.uniqueID == 'undefined'))
  {
  deposit on older browsers not taken in charge
  return;
  }

  Difficulty of flickering images CSS IE6
  If (Spry.is.ie & & Spry.is.version < 7) {}
  try {}
  document.execCommand ("BackgroundImageCache", false, true);
  } catch (err) {}
  }

  this.upKeyCode = Spry.Widget.MenuBar.KEY_UP;
  this.downKeyCode = Spry.Widget.MenuBar.KEY_DOWN;
  this.leftKeyCode = Spry.Widget.MenuBar.KEY_LEFT;
  this.rightKeyCode = Spry.Widget.MenuBar.KEY_RIGHT;
  this.escKeyCode = Spry.Widget.MenuBar.KEY_ESC;

  this.hoverClass = "MenuBarItemHover";
  this.subHoverClass = "MenuBarItemSubmenuHover";
  this.subVisibleClass = "MenuBarSubmenuVisible";
  this.hasSubClass = "MenuBarItemSubmenu;
  this.activeClass = "MenuBarActive";
  this.isieClass = "MenuBarItemIE";
  this.verticalClass = "MenuBarVertical."
  this.horizontalClass = "MenuBarHorizontal;
  this.enableKeyboardNavigation = true;

  this.hasFocus = false;
  load the overview images now
  If (OPTS)
  {
  for (var k opts)
  {
  If (typeof this [k] is "undefined")
  {
  rollover var = new Image;
  rollover. SRC = opts [k];
  }
  }
  Spry.Widget.MenuBar.setOptions (, opts);
  }

  Safari does not support the tabindex
  If (Spry.is.safari)
  this.enableKeyboardNavigation = false;

  If (this.) Element)
  {
  this.currMenu = this.element;
  var items = this.element.getElementsByTagName('li');
  for (var i = 0; i < items.length; i ++)
  {
  If (I > 0 & & this.enableKeyboardNavigation)
  .tabIndex items [i]. GetElementsByTagName ('a') [0] = '-1';

  (Items [i], element); This.Initialize
  If (Spry.is.IE)
  {
  this.addClassName (items [i], this.isieClass);
  Items [i].style.position = "static";
  }
  }
  If (this.enableKeyboardNavigation)
  {
  var self = this;
  this.addEventListener (document, 'keydown', function (e) {self.keyDown (e)}; false);
  }

  If (Spry.is.IE)
  {
  If (this.hasClassName (this.element, this.verticalClass))
  {
  This.Element.style.position = "relative";
  }
  var linkitems = this.element.getElementsByTagName ('a');
  for (var i = 0; i < linkitems.length; i ++)
  {
  . style.position linkitems [i] = 'relative ';
  }
  }
  }
  };
  Spry.Widget.MenuBar.KEY_ESC = 27;
  Spry.Widget.MenuBar.KEY_UP = 38;
  Spry.Widget.MenuBar.KEY_DOWN = 40;
  Spry.Widget.MenuBar.KEY_LEFT = 37;
  Spry.Widget.MenuBar.KEY_RIGHT = 39;

  Spry.Widget.MenuBar.prototype.getElement = function (ele)
  {
  If (ele & & typeof ele == 'string')
  return document.getElementById (ele);
  return ele;
  };

  Spry.Widget.MenuBar.prototype.hasClassName = function (ele, className)
  {
  If (! ele |! className |! ele.className | ele.className.search (new RegExp ("\\b" + className + "\\b")) == - 1).
  {
  Returns false;
  }
  Returns true;
  };

  Spry.Widget.MenuBar.prototype.addClassName = function (ele, className)
  {
  If (! ele |! className | this.hasClassName (ele, className))
  return;
  ele.className += (ele.className? "": "") + ClassName; "
  };

  Spry.Widget.MenuBar.prototype.removeClassName = function (ele, className)
  {
  If (! ele |! className |! this.hasClassName (ele, className))
  return;
  ele.className = ele.className.replace (new RegExp ("\\s*\\b" + className + "\\b", "g"), ' ');
  };

  addEventListener for the Menu bar
  join an event a tag without creating annoying HTML code
  Spry.Widget.MenuBar.prototype.addEventListener = function (element, eventType, Manager, capture)
  {
  Try
  {
  If (element.addEventListener)
  {
  element.addEventListener (eventType, Manager, capture);
  }
  Else if (element.attachEvent)
  {
  element.attachEvent ("on" + eventType, handler);
  }
  }
  catch (e) {}
  };

  menu bar createIframeLayer
  creates an IFRAME under a menu that appears above the form controls and ActiveX
  Spry.Widget.MenuBar.prototype.createIframeLayer = function (menu)
  {
  var layer = document.createElement ('iframe');
  layer.tabIndex = '-1';
  Layer.src = "' javascript: '" '; "
  layer.frameBorder = '0';
  Layer.scrolling = 'no ';
  menu.parentNode.appendChild (layer);
  
  Layer.style.Left = menu.offsetLeft + 'px ';
  Layer.style.Top = menu.offsetTop + 'px ';
  Layer.style.Width = menu.offsetWidth + 'px ';
  Layer.style.Height = menu.offsetHeight + 'px ';
  };

  menu bar removeIframeLayer
  Removes an IFRAME under a menu to reveal form and ActiveX controls
  Spry.Widget.MenuBar.prototype.removeIframeLayer = function (menu)
  {
  var layers = ((menu == this.element)? menu: menu.parentNode) .getElementsByTagName ('iframe');
  While (layers.length > 0)
  {
  layers [0].parentNode.removeChild (Layers [0]);
  }
  };

  menu bar clearMenus
  root is the unordered list of high level (< ul > tag)
  Spry.Widget.MenuBar.prototype.clearMenus = function (root)
  {
  var menus = root.getElementsByTagName ('ul');
  for (var i = 0; i < menus.length; i ++)
  this.hideSubmenu (menus [i]);

  this.removeClassName (this.element, this.activeClass);
  };

  menu bar bubbledTextEvent
  identify bubbled events text in Safari, so we can ignore
  Spry.Widget.MenuBar.prototype.bubbledTextEvent = function()
  {
  return Spry.is.safari & & (event.target == event.relatedTarget.parentNode |) (event.eventPhase == 3 & & event.target.parentNode == event.relatedTarget)) ;
  };

  menu bar showSubmenu
  set the CSS class on this menu to show
  Spry.Widget.MenuBar.prototype.showSubmenu = function (menu)
  {
  If (this.currMenu)
  {
  this.clearMenus (this.currMenu);
  this.currMenu = null;
  }
  
  If (menu)
  {
  this.addClassName (menu, this.subVisibleClass);
  If (typeof document.all! = "undefined" & &!) Spry.is.Opera & & navigator.vendor! = 'KDE')
  {
  If (! this.hasClassName (this.element, this.horizontalClass): menu.parentNode.parentNode! = this.element)
  {
  menu.style.Top = menu.parentNode.offsetTop + 'px ';
  }
  }
  If (Spry.is.ie & & Spry.is.version < 7)
  {
  this.createIframeLayer (menu);
  }
  }
  this.addClassName (this.element, this.activeClass);
  };

  menu bar hideSubmenu
  delete the CSS class on this menu to hide
  Spry.Widget.MenuBar.prototype.hideSubmenu = function (menu)
  {
  If (menu)
  {
  this.removeClassName (menu, this.subVisibleClass);
  If (typeof document.all! = "undefined" & &!) Spry.is.Opera & & navigator.vendor! = 'KDE')
  {
  menu.style.Top = ";
  menu.style.Left = ";
  }
  If (Spry.is.ie & & Spry.is.version < 7)
  this.removeIframeLayer (menu);
  }
  };

  initialization of the Menu bar
  create listeners for events for the widget bar of menus so that we can properly
  show and hide sub-menus
  Spry.Widget.MenuBar.prototype.initialize = function (listitem, element)
  {
  var opentime, closetime;
  link var = listitem.getElementsByTagName ('a') [0];
  submenus var = listitem.getElementsByTagName ('ul');
  var menu = (submenus.length > 0? submenus [0]: null);

  If (menu)
  this.addClassName (link, this.hasSubClass);

  If (!.) Spry.is.IE)
  {
  define a simple function which comes standard in Internet Explorer to determine
  If a node is in another node
  ListItem.Contains = function (testNode)
  {
  It's the list item
  if(testNode == null)
  Returns false;

  if(testNode == This)
  Returns true;
  on the other
  Return this.contains (testNode.parentNode);
  };
  }

  need to set this to reach lower
  var self = this;
  this.addEventListener (listitem, "mouseover", Function {self.mouseOver (listitem, e)}; false);
  this.addEventListener (listitem, 'mouseout/mouseouthandler()', Function {if (self.enableKeyboardNavigation) self.clearSelection (); self.mouseOut (listitem, e);}, false);

  If (this.enableKeyboardNavigation)
  {
  this.addEventListener (link, 'blur', function (e) {self.onBlur (listitem)}; false);
  this.addEventListener (link, 'focus', Function {self.keyFocus (listitem, e)}; false);
  }
  };
  Spry.Widget.MenuBar.prototype.keyFocus = function (listitem, e As EventArgs)
  {
  this.lastOpen = listitem.getElementsByTagName ('a') [0];
  this.addClassName (this.lastOpen, listitem.getElementsByTagName('ul').length > 0? this.subHoverClass: this.hoverClass);
  this.hasFocus = true;
  };
  Spry.Widget.MenuBar.prototype.onBlur = function (listitem)
  {
  this.clearSelection (listitem);
  };
  Spry.Widget.MenuBar.prototype.clearSelection = {function (el)}
  search any intersection with the open current item
  If (! this.lastOpen)
  return;

  If (el)
  {
  El = el.getElementsByTagName ('a') [0];
  
  check children
  var point = this.lastOpen;
  While (article! = this.element)
  {
  var tmp = el;
  While (tmp! = this.element)
  {
  If (tmp is point)
  return;
  try {}
  tmp = tmp.parentNode;
  } catch (err) {break ;}
  }
  Item = item.parentNode;
  }
  }
  var point = this.lastOpen;
  While (article! = this.element)
  {
  this.hideSubmenu (item.parentNode);
  link var = item.getElementsByTagName ('a') [0];
  this.removeClassName (link, this.hoverClass);
  this.removeClassName (link, this.subHoverClass);
  Item = item.parentNode;
  }
  this.lastOpen = false;
  };
  Spry.Widget.MenuBar.prototype.keyDown = function (e)
  {
  If (! this.hasFocus)
  return;

  If (! this.lastOpen)
  {
  this.hasFocus = false;
  return;
  }

  var e = e | event;
  ListItem var = this.lastOpen.parentNode;
  var this.lastOpen = link;
  submenus var = listitem.getElementsByTagName ('ul');
  var menu = (submenus.length > 0? submenus [0]: null);
  var hasSubMenu (menu) =? true: false;

  opts var = [listitem, menu, null, this.getSibling (listitem, 'previousSibling'), this.getSibling (listitem, 'nextSibling')];
  
  If (! opts [3])
  opts [2] = (listitem.parentNode.parentNode.nodeName.toLowerCase () == 'li')? listitem.parentNode.parentNode:null;

  var found = 0;
  switch (e.keyCode) {}
  case this.upKeyCode:
  found = this.getElementForKey (opt, 'y', 1);
  break;
  case this.downKeyCode:
  found = this.getElementForKey (opt, 'y',-1);
  break;
  case this.leftKeyCode:
  found = this.getElementForKey (opt, 'x', 1);
  break;
  case this.rightKeyCode:
  found = this.getElementForKey (opt, 'x',-1);
  break;
  case this.escKeyCode:
  case 9:
  this.clearSelection ();
  this.hasFocus = false;
  default: return;
  }
  switch (found)
  {
  case 0: return End Function
  case 1:
  subopts
  this.mouseOver (listitem, e);
  break;
  case 2:
  parent
  this.mouseOut (opts [2], e);
  break;
  case 3:
  case 4:
  left - right
  this.removeClassName (link, hasSubMenu? this.subHoverClass: this.hoverClass);
  break;
  }
  var link is opts [found] .getElementsByTagName ('a') [0];.
  If (opts [found].nodeName.toLowerCase () is "ul")
  opts [found] = opts [found] .getElementsByTagName ('li') [0];

  this.addClassName (link, opts [found].getElementsByTagName('ul').length > 0? this.subHoverClass: this.hoverClass);
  this.lastOpen = link;
  OPTS [found]. GetElementsByTagName ('a') [0]. Focus();
  
  stop the new management of the events by the browser
  Return Spry.Widget.MenuBar.stopPropagation (e);
  };
  Spry.Widget.MenuBar.prototype.mouseOver = function (listitem, e As EventArgs)
  {
  link var = listitem.getElementsByTagName ('a') [0];
  submenus var = listitem.getElementsByTagName ('ul');
  var menu = (submenus.length > 0? submenus [0]: null);
  var hasSubMenu (menu) =? true: false;
  If (this.enableKeyboardNavigation)
  this.clearSelection (listitem);

  If (this.bubbledTextEvent ())
  {
  ignore the propagated events text
  return;
  }

  If (listitem.closetime)
  clearTimeout() (listitem.closetime);

  if(this.currMenu == ListItem)
  {
  this.currMenu = null;
  }

  move the focus too
  If (this.hasFocus)
  Link.Focus ();

  the menu highlighted
  this.addClassName (link, hasSubMenu? this.subHoverClass: this.hoverClass);
  this.lastOpen = link;
  If (menu & &! this.hasClassName (menu, this.subHoverClass))
  {
  var self = this;
  ListItem.OpenTime = window.setTimeout (function () {self.showSubmenu (menu)}; this.showDelay);
  }
  };
  Spry.Widget.MenuBar.prototype.mouseOut = function (listitem, e As EventArgs)
  {
  link var = listitem.getElementsByTagName ('a') [0];
  submenus var = listitem.getElementsByTagName ('ul');
  var menu = (submenus.length > 0? submenus [0]: null);
  var hasSubMenu (menu) =? true: false;
  If (this.bubbledTextEvent ())
  {
  ignore the propagated events text
  return;
  }

  var related = (typeof e.relatedTarget! = "undefined"? e.relatedTarget: e.toElement);
  If (!) ListItem.Contains (related))
  {
  If (listitem.opentime)
  clearTimeout() (listitem.opentime);
  this.currMenu = listitem;

  remove menu highlighting
  this.removeClassName (link, hasSubMenu? this.subHoverClass: this.hoverClass);
  If (menu)
  {
  var self = this;
  ListItem.closetime = window.setTimeout (function () {self.hideSubmenu (menu)}; this.hideDelay);
  }
  If (this.hasFocus)
  Link.Blur ();
  }
  };
  Spry.Widget.MenuBar.prototype.getSibling = function (element, siblings)
  {
  var = element [brother] child;
  While (child & & child.nodeName.toLowerCase ()! = "li")
  child = child [brother];

  return of child;
  };
  Spry.Widget.MenuBar.prototype.getElementForKey = function (SLE, prop, dir)
  {
  var found = 0;
  var Rect = Spry.Widget.MenuBar.getPosition;
  Var ref = rect (els [found]);

  var hideSubmenu = false;
  make the visible subitem to calculate the position
  If (els [1] & &! this.hasClassName (els [1], this.)) MenuBarSubmenuVisible))
  {
  . style.visibility Els [1] = "hidden";
  this.showSubmenu(els[1]);
  hideSubmenu = true;
  }

  var isVert = this.hasClassName (this.element, this.verticalClass);
  hasParent var = els [0].parentNode.parentNode.nodeName.toLowerCase () == 'li '? true: false;
  
  for (var i = 1; i < els.length; i ++) {}
  When you browse the y-axis in the menus vertical, ignore the children and parents
  If (prop == 'y' & & isVert & & (i == 1 | I == 2))
  {
  continue;
  }
  When navigationg on the x axis in the horizontal menu LEVEL FIRST, ignore the children and parents
  If (prop == 'x' & &! isVert & &! hasParent & & (i == 1 | I == 2))
  {
  continue;
  }
  
  If (els [i])
  {
  var tmp = rect (els [i]);
  If ((dir * tmp[prop]) < (dir * ref [prop]))
  {
  REF = tmp;
  found = i;
  }
  }
  }
  
  In return hide the submenu
  If (els [1] & & hideSubmenu) {}
  this.hideSubmenu(els[1]);
  . style.visibility Els [1] = ";
  }

  return found;
  };
  Spry.Widget.MenuBar.camelize = function (str)
  {
  If (str.indexOf('-') ==-1) {}
  return str;
  }
  var oStringList = str.split('-');
  var isFirstEntry = true;
  var camelizedString = ";

  for (var i = 0; i < oStringList.length; i ++)
  {
  If (oStringList [i] .length > 0)
  {
  If (isFirstEntry)
  {
  camelizedString = oStringList [i];
  isFirstEntry = false;
  }
  on the other
  {
  var s = oStringList [i];
  camelizedString += s.charAt (0) .toUpperCase () + s.substring (1);
  }
  }
  }

  Return camelizedString;
  };

  Spry.Widget.MenuBar.getStyleProp = function (element, prop)
  {
  var value;
  Try
  {
  If (element.style)
  value = element.style [Spry.Widget.MenuBar.camelize (prop)];

  If (! value)
  If (document.defaultView & & document.defaultView.getComputedStyle)
  {
  CSS var = document.defaultView.getComputedStyle (item, null);
  value = css? css.getPropertyValue (prop): null;
  }
  Else if (element.currentStyle)
  {
  value = element.currentStyle [Spry.Widget.MenuBar.camelize (prop)];
  }
  }
  catch (e) {}

  return value == 'auto '? NULL: value;
  };
  Spry.Widget.MenuBar.getIntProp = function (element, prop)
  {
  var a = parseInt (Spry.Widget.MenuBar.getStyleProp (item, prop), 10);
  If (isNaN (a))
  return 0;
  return a;
  };

  Spry.Widget.MenuBar.getPosition = function (el, doc)
  {
  doc = doc. document;
  If (typeof (el) == 'string') {}
  El = doc.getElementById (el);
  }

  If (! el) {}
  Returns false;
  }

  If (el.parentNode = null |) Spry.Widget.MenuBar.getStyleProp (el, 'display') == 'none') {}
  the element must be visible to have a box
  Returns false;
  }

  var ret = {x: 0, y: 0};
  var parent = null;
  var box;

  If (el.getBoundingClientRect) {/ / IE}
  box = el.getBoundingClientRect ();
  scrollTop var = doc.documentElement.scrollTop | doc.body.scrollTop;
  scrollLeft var = doc.documentElement.scrollLeft | doc.body.scrollLeft;
  RET.x = box.left + scrollLeft;
  RET.y = box.top + scrollTop;
  } Else if (doc.getBoxObjectFor) {/ / gecko}
  box = doc.getBoxObjectFor (el);
  RET.x = box.x;
  RET.y = box.y;
  } else {/ / safari/opera}
  RET.x = el.offsetLeft;
  RET.y = el.offsetTop;
  parent = el.offsetParent;
  If (parent! = el) {}
  While (parent) {}
  RET.x += parent.offsetLeft;
  RET.y += parent.offsetTop;
  parent = parent.offsetParent;
  }
  }
  Opera & (absolute safari) represent bad body offsetTop
  If (Spry.is.opera |) Spry.is.Safari & & Spry.Widget.MenuBar.getStyleProp (el, 'position') == 'absolute')
  RET.y = doc.body.offsetTop;
  }
  If (el.parentNode)
  parent = el.parentNode;
  on the other
  parent = null;
  If {(parent.nodeName)
  var No. case = parent.nodeName.toUpperCase ();
  While (parent & & case! = "BODY" & & case! = 'HTML') {}
  No case = parent.nodeName.toUpperCase ();
  RET.x = parent.scrollLeft;
  RET.y = parent.scrollTop;
  If (parent.parentNode)
  parent = parent.parentNode;
  on the other
  parent = null;
  }
  }
  return ret;
  };

  Spry.Widget.MenuBar.stopPropagation = function (ev)
  {
  If (ev.stopPropagation)
  ev.stopPropagation ();
  on the other
  ev.cancelBubble = true;
  If (ev.preventDefault)
  ev.preventDefault ();
  on the other
  ev.returnValue = false;
  };

  Spry.Widget.MenuBar.setOptions = function (obj, optionsObj, ignoreUndefinedProps)
  {
  If (! optionsObj)
  return;
  for (var optionName in optionsObj)
  {
  If (ignoreUndefinedProps & & optionsObj [Optionname] == undefined)
  continue;
  obj [Optionname] = optionsObj [Optionname];
  }
  };

  It may be an idea to enable active scripting in your browser on

• Spry problem with iFrame...

  Hi all!
  
  I am designing a site that has a home page that contains a spry menu bar that calls its pages in an iFrame, which is located below the menu bar. The problem I encounter is that I have a flash file in iframe (src) home and when I mouse over the menu on the home page, the menu drop down disappears on the flash in Firefox, Opera and Safari. HOWEVER, the drop-SE overlap flash in the iFrame in IE 7 (go figure, something that works in IE!). I set the z-index of the Flash in the iFrame to 1 and the value of the z-index of the menu bar on the home page of 1000. All the z index in the CSS is more than 1000. The entire page is laid out with CSS and DIV tags (not tables... yay!) Any help would be much apreciated!
  
  Thank you!

  Well, since no one wanted help, I finally found the answer so if some else is looking for it, they will find it.

  Here's the answer:

  http://www.Adobe.com/cfusion/knowledgebase/index.cfm?id=tn_14201

• The context of the menu hard drive problems - cannot remove the point of garbage

  When right click on a drive (icon in the Explorer...) upwards appears familiar context menu.  The mine this counts as an item listed in the menu: \REGISTRY\]USERS\S-1-5-21... (many more numbers and letters).

  I tried all the obvious stuff, including transplant, without successful surgery - looking for the above string is futile. Manually check each Drive\shellex\ContextMenuHandlers.  Note that all other menus are very well.

  How can I get rid of this, and more importantly, how did get there in the first place?

  A second problem of context has also been raised: no Winrar command is listed. Notta.  Again, tried the obvious shots including UN and re - install Winrar.  A touch of Winrar is curiously the ContextMenuHandlers for folder, etc.  Why can't I see the usual orders of Winrar?

  I look forward your answers :)

  Without a subject "MISTLETOE" here, I've chosen 'Performance'... hope this is correct.

  I found the answer: by using a context menu editor, I have disabled all non-microsoft components.  This fixes the problem with context menus HD (disk), but (as it turns out that) some file types have the same string of garbage in their menus!  While the rar, flv, txt

  cfg files do not have this problem, exe, jpg, gif etc. are not! I applied the same method for the shortcuts in the menu "files" context and voila, it worked.

  The offending program is of Stardock Iconpackager. HOW and WHY it has messed up my menus, I have no idea, but I would ask people to Stardock for a response.

  See you soon