Menu horizontal widget - advice please

Similar Questions

• 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

• Update Verizon iPhone 5 new IOS 10 problem: cannot receive/send calls. Shop Verizon says it's an update causing Apple to popular phones to crash all day. Any input or advice, please?

  Update Verizon iPhone 5 new IOS 10 problem: I can't receive/send calls. The store Verizon says it's phones a popular causing update Apple crash all day. Any input or advice, please?

  Don't you say no service at the top?

• Indicator light charging cable does not go on when connected to power what a lack of cable or battery problem? Advice please. I have

  Indicator light charging cable does not go on when connected to power what a lack of cable or battery problem? Advice please.

  Troubleshooting help here > Apple Portables: Troubleshooting MagSafe adapters - Apple Support

• Pitch bend wheel on my pc - 300 midi keyboard Roland. The Modulation part works but when I try to pitch bend a note using the same logic of wheel just plays a continuous note. Can someone give me some advice please? Thank you

  Hi, I have a problem with my pitch bend wheel on my pc - 300 midi keyboard Roland. The Modulation part works but when I try to pitch bend a note using the same logic of wheel just plays a continuous note. Can someone give me some advice please? Thank you

  It's a delicate issue... like some patches cannot stipulate pitchbend...

  But to quickly test your pitchbend wheel actually works properly...

  Download the free lunch monitor...

  Snoize: MIDI Monitor

  Run and see if it sees pitchbend data sent by your keyboard... and therefore by logic.

• My MacPro will not start. I get a gray and white screen. Continues to try to restart, but never done! Advice please.

  Care of my MacPro is lower from a previous post.  It does not start, but keep train.  I get the rope to music if I stop and start again.  Advice please.  Thank you very much.  Allan

  Material Information: ℹ️

  Mac Pro (early 2008) (data sheet)

  Mac Pro - model: MacPro3, 1

  2 3 GHz Quad - Core Intel Xeon processor: 8 strands

  8 GB of RAM expandable

  DIMM Riser B/DIMM 1

  1 GB DDR2 FB - DIMM 800 MHz ok

  DIMM Riser B/DIMM 2

  1 GB DDR2 FB - DIMM 800 MHz ok

  Riser DIMM A/DIMM 1

  2 GB DDR2 FB - DIMM 800 MHz ok

  Riser DIMM A/DIMM 2

  2 GB DDR2 FB - DIMM 800 MHz ok

  DIMM B/DIMM Riser 3

  1 GB DDR2 FB - DIMM 800 MHz ok

  DIMM B/DIMM Riser 4

  1 GB DDR2 FB - DIMM 800 MHz ok

  Riser A/DIMM DIMMS 3

  Vacuum

  Riser DIMM A/DIMM 4

  Vacuum

  Bluetooth: Old - transfer/Airdrop2 not supported

  Wireless: en2: 802.11 a/b/g/n

  Video information: ℹ️

  NVIDIA GeForce 8800 GT - VRAM: 512 MB

  HH281 1920 x 1200 @ 60 Hz

  DELL3007WFPHC 1600 x 2560

  System software: ℹ️

  OS X 10.10.2 (14C109) - since the start time: 20:27:26

  Disc information: ℹ️

  ST3320820AS_P disk0: (320,07 GB)

  EFI (disk0s1) : 210 MB

  Disc 1 - system (disk0s2) /: 319,21 GB (17,69 GB free)

  HD (disk0s3) [recovery] recovery: 650 MB

  WDC WD5000AAKS-41YGA0 disk2: (500,11 GB)

  EFI (disk2s1) : 210 MB

  System install disks 1 and 2 (disk2s2) / Volumes/installation discs for systems 1 & 2: 16.11 GB (4.40 GB free)

  Disc 2 (disk2s3) / Volumes/disk 2: 483,52 (291,34 free go-go)

  Hitachi HDS721010DLE630 disk1: (1 TB)

  EFI (disk1s1) : 210 MB

  3-1 TB (disk1s2) Dist/Volumes/Dist 3 TB: 999.86 1 GB (328,00 GB free)

  USB information: ℹ️

  Prolific Technology Inc. IEEE-1284 controller.

  Hewlett-Packard HP LaserJet P2055dn

  Hub keyboard Apple, Inc.

  Logitech USB receiver

  Apple, Inc. Apple Keyboard

  Apple Inc. Bluetooth USB host controller.

  EPSON USB printer

  Guardian: ℹ️

  Mac App Store and identified developers

  You still have OSX 10.5.8?

  -Try to reset memory NVRAM/PRAM and SMC

  MacIntel: Reset of the controller (SMC) system management

  Subject of memory NVRAM and PRAM

  -Try to start safe mode

  OS x: what is Safe Boot, Safe Mode?

  -Start to recovery and repair the startup disk if Lion or higher

  OS X: on OS X Recovery - Apple Support

  Otherwise start from the installation DVD and keep the boot disk

  -If it is repairable reinstall the OSX

  How to reinstall OS X on your Mac - Apple Support

  Run the Apple hardware test. You will need one of the original installation discs

  Using Apple Hardware Test - Apple Support

  You may have a bad graphics card. The NVIDIA GeForce 8800 GT - VRAM: 512 MB are prone to failure

• Epson stylus rx 520 when I try and print it from the internet only prints photo on the left side, how can I set for return to A4 portrait advice please.

  I have photo stylus epson rx 520 when I try and print from the internet he prints only on the left side, how do I set back to A4 portrait advice please.  I have windows 8.1

  Petersrex

  You the best solution is to contact Epson.  We don't support Microsoft products on this site and they know their best products.

• Hi, I need to activate a CS4 license on a computer of mine that was stolen, advice please?

  Hi, I need to activate a CS4 license on a computer of mine that was stolen, advice please?

  Hey Grant,

  Licence can only be manually disabled, there is no way to disable if it you can not access it. However, if you want to activate on another machine, we would be happy to help you.

  Waiting for your response.

• I crashes when I try to open a file or make a new one. Advice please?

  I use a laptop and windows.  I starts OK, but I can't actually create anything before it turns off.  Advice please?

  Hi Tm,

  Can you please check if there are any printers installed/connected on your system? If Yes, please un-install/remove the and check again?

  Thank you best regards &,.

  Rambour

• How can I access the library of all of the menu design Widget?

  How to access the library of Widget?  No menu selection Widget Library is visible in all of the 'Design' menu  I am user test after the first tutorial.

  It's widget library

  

  - Abhishek Maurya

• Center the Widget Menu horizontally

  Hi all

  I have a vertical Menu for phones and a Horizontal Menu for tablets on my Web page. The menus are horizontally centered on their respective master pages. My problem is when the screen of phone or iPad does not match the page width specified in site properties - the menu is off center. I have elements that are fit to width and they work very well. Unfortunately, the position of the menu bar does not change.

  I tried to apply the following code to the CSS file for #menuu100

  left: 50%;

  -webkit-transform: translateX(-50%);

  
  

  It does not change the position. In my view, because the object is configured to use a relative position. If I change to absolute, the menu moves to the horizontal center of the window, but a vertical layout of the Web page is messed up.

  
  

  Any suggestions how to solve this problem?

  
  

  Sang A
  

  Hi sang.

  Your father called DIV:

  has a rule called CSS float: left;

  Meaning: Your menu is forced to stay oriented left no matter what style.css , you put:

  See Figure 1 for the wrong position.

  Solution: Change the none; float in your site_global.css @ this specific class: #position_content or .position_content

  See Figure 2 for the right position.

  Hope this helps your problem and good luck.

  

  

• How to add pages for my menu footer widget only?

  I created the horizontal menu of the header first and added four pages.  It works very well. Then I manually created a horizontal menu 4 down page in the footer area of page, without creating the pages again.

  Where can I create pages, i.e. as a page of the child out of the home page, or what because every time I add a new page he wants to add this page to the widget menu header as a new item menu at the top instead.

  I'm new to Muse (obviously), but I couldn't find answers, and this is probably very simple.  Help!

  You can exclude them by right click

  

  p.s. your custom menu can point to any page / file or asset, but I guess that the high bar here.

• With Spry menu bars necessary help please?

  Hi all

  I'm new on this forum, so please forgive any errors!

  My problem is the following:

  I created a site with 10 pages in DW and created a horizontal Spry menu drop-down that it contains. I created all links on all pages, and everything works fine. However - Here is my question - if I want to add another page of my site (which in fact 11 pages) is there a way to create just on one page (say index.html) and then automatically update the other 9 pages with this new page - or do I have to open all the pages to add my new page manually?

  Please help me if you can.

  A big thank you and best regards

  Mark

  Hello

  If you ask an "update" of your spry menu here a tip for you: you can apply to the "server-side includes" for this. David_Powers created a quick tutorial (for me). You will find it here: http://foundationphp.com/tutorials/sprymenu/ssi.php.

  Hans G.

• Menu Horizontal Spry does not display correctly

  The next page "" http://www.ken-wo.com/beta " has a horizontal menu spry and when his view in Firefox, it works perfectly, seen in IE, it does not appear correctly and displays the drop-down menu at the top of the page rather than under the menu."
  
  Look forward to help, thanks in advance

  Here, it's pretty late for me to really check your site, but you have a little
  Funky coding going on this page that could very well contribute to the
  bewilderment of the submenus... seems you add styles directly via
  the Inspector who is a no-no. You should be doing all the styling
  about the spry menu via the style sheet...
  you have this for example:

• and there are many more of them scattered throughout the code. I have also
  Note that you used for centering divs that cannot be helping either.

  Why not return to the stylesheet that was created as soon as you
  added the menu of the page and edit ONLY via the style sheet and
  see how you go.

  --
  Nadia
  Adobe® Expert community: Dreamweaver
  ----------------------------------------
  CSS templates | Tutorials | SEO articles
  http://www.DreamweaverResources.com
  ~ Available customization service ~
  http://www.csstemplates.com.au
  Spry Widget examples:
  http://www.DreamweaverResources.com/Spry-widgets/
  ----------------------------------------

  > Next page "" http://www.ken-wo.com/beta " has a horizontal menu spry"
  > and
  > when his view in Firefox it works perfect, seen in IE is not
  > display correctly and the drop down menu displays at the top of the page
  > more
  > then in the menu.
  >
  > I look forward to help, thanks in advance
  >

• Firefox, click on the right Menu is messed up, Please HELP!

  After trying to install a Pack of skin of this site:
  https://skinpacks.com/
  My contextual menu firefox is messed up.
  Here's what it looks like:
  https://i.gyazo.com/d1e9c88496580f5c1ebeb84aa21ac5c0.gif

  I tried a system restore and it did not help.
  Restarting the computer didn't help.
  Restart Firefox didn't help.

  Help, please!

  I don't know that it is a pure question of Firefox. Have you tried around switching between regular Windows themes to see if one of them restore default menu colors?

  Sometimes there are differences between integrated and accessories themes that have some strange effects. I can't find the thread now, but if I remember correctly, a few users Windows 8.1 downloaded some themes of Microsoft.com , which had a different settings regular themes that have caused problems in Firefox.