Menu Horizontal Spry does not display correctly

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

• I just downloaded Firefox 4.01 but it does not display correctly.

  I tried to upgrade Firefox 3.6.7 to Firefox 4.01 but when update is finished, the browser does not display correctly there is for example no address bar. Here is a screenshot: http://i.imgur.com/zBujK.jpg.

  I've downgraded to 3.6.17 and then installed Firefox 4.01 again but this does not solve the problem, or don't leave the browser and entering again or restart the computer.

  Try:

  • http://KB.mozillazine.org/Corrupt_localstore.RDF

  Start Firefox in Firefox to solve the issues in Safe Mode to check if one of the extensions of the origin of the problem (switch to the DEFAULT theme: Firefox (Tools) > Add-ons > appearance/themes).

  • Makes no changes on the start safe mode window.
  • https://support.Mozilla.com/kb/safe+mode

  If this does not work in mode without failure, then disable all extensions and then try to find out who is the cause by allowing both the problem reappears.

  • Choose "Disable all add-ons" on issues to troubleshoot Firefox in Safe Mode to set window to disable all extensions.
  • Close and restart Firefox after each change through "file > exit ' (Mac: ' Firefox > leave";) Linux: "file > exit ')
  • https://support.Mozilla.com/kb/troubleshooting+extensions+and+themes

• Mozilla site does not display correctly

  I just installed Windows 10 (64 bit) on a new PC and downloaded and installed Firefox. I tried to install some add-ons, but immediately found that the Mozilla Web site did not display correctly: text is displayed, but not graphics.

  I tried the following:
  -disabled the firewall (ESET)
  -deleted the cache and remove all cookies
  -uninstalled Firefox, deleted the user and re-installed Firefox profile
  -a confirmed that "load images" is set to "Allow" on the table in the Page Info permissions for mozilla.org

  I've attached a screenshot of the Network Console, which shows beams with zero file size. This suggests a possible cause of the issue?

  Can you help me with this, please?

  I think that the lock bar icon indicates a problem with connection to the style sheets in mozorg.cdn.mozilla. NET. You get a connection error secure loading one of these stylesheets directly?

  https://mozorg.CDN.Mozilla.NET/media/CSS/home-bundle.063ce4c50b67.CSS

  A sucessful load looks like a wall of text starting with:

  @font-face{font-family:'FA-Icons-Home';src:url("/media/
  

  ESET is a potential suspect in any secure connection because, by default, it intercepts all navigation connections to filter harmful content. However, if the problem is ESET, then you would encounter problems on all secure sites, so ESET might not be the culprit here, if this does not affect other HTTPS connections.

  10 Windows, one of the possible causes of the errors of secure connection are not set up Firefox to work with parental parental control of Microsoft software. More information about this feature: http://windows.microsoft.com/en-us/windows-10/turn-off-microsoft-family-settings

  Is there a broader model? To continue the investigation, you may inspect the certificate on another site that makes it easy, as my test page at: https://jeffersonscher.com/res/jstest.php

  Assuming that you get an error page, expand the section "I understand the risks" and look for a button Add Exception.

  Note: You don't need to complete the process of adding an exception - I suggest not adding one until we know that it is not a malware issue - but you can use the dialog box to display the information that makes Firefox suspicious.

  Click Add exceptions and exception certificate dialog box should open.

  Click on the button display. If the view is not enabled, try first the button get certificate.

  This should display the certificate. Look at the section "issued by" and the Details, the hierarchy of certificates tab. What do you see here? I have attached a screenshot for comparison of screen.

• Gadgets for Windows Sidebar does not display correctly

  Hello
  I just installed a new antivirus-Sophos which automatically uninstalled my previous installation of McAfee that came with my Dell laptop.
  Am running Vista SP2 32 bit, Core 2 Duo, 4 GB of RAM, @2 GHz T6400.
  After installing antivirus and subsequent reboot, my sidebar is displayed and so do the gadgets, but they are all "corrupt" and not displaying correctly. For example, the clock is dark, and change the opacity does not allow me to see the time. Calendar, notes, and UC only appear as a vertical white line. None of them appears correctly.
  Help, please.

  Hello
  I managed to get, it works by using the link below, in case anyone has the same problem in the future:

  http://www.Vistax64.com/tutorials/161046-Windows-Sidebar-gadget-not-displayed-correctly.html

  Kind regards
  Alysson

• anychart labels does not display correctly...

  Hi all...
  
  Anychart Version: 5.1.2
  
  I have a single bar bar graph which calculates the surgeons and their percentage of surgical interventions.
  x axis: name of surgeon (labels turned 90 degrees)
  y axis: percentage
  
  If I show just 10 surgeons is to show correctly.
  But if I try to show to all Surgeons (about 100 surgeons on the x axis).
  
  The Flash chart x axis labels are not displayed correctly
  
  In this thread... Austin has proposed to increase the width of the graph
  APEX graphic Flash labels not displaying
  
  If I increase the width labels display correctly. But the picture is so ugly with huge width. Y at - it another way to display labels correctly
  without increasing the width of the graph
  
  In Mozilla filefox, I checked that the returned XML. In XML, this is show the labels but in the table
  He does not appear.
  
  The x-axis of the sample...
  
  The X axis is looking like this...
  
  -----------------------------------
  s s
  u u
  r r
  g g
  e e
  o o
  n n
  1 3
  
  It does not show the "surgeon 2" which is between 1 and 2
  
  It's the custom XML part that I use...
  

  <anychart>
  <margin all="1"/>
  <settings>
  <animation enabled="true"/>
  </settings>
  <charts>
  <chart use_anychart3_data_model="true" use_sets_colors="false">
  <chart_settings>
  <title enabled="True" vertical_padding="30">
  <font bold="True" size="15" />
  <text>Death by Surgeon</text>
  </title>
  <subtitle enabled="True">
  <background enabled="false" /> 
  <font bold="False" size="15" />
  <text>Arranged by Increasing Annual Rate of Procedure</text>
  </subtitle>
  <footer enabled="true" align="Center" padding="30"> 
  <background enabled="false" /> 
  <font bold="False" size="12" color="Red"/> 
  <text><![CDATA[Notice: This report generated considered privileged and confidential. &APP_TIME_STAMP.]]></text>
  </footer>
  <axes>
  <y_axis>
  <title><text>Percentage</text></title>
  <labels>
  <format>{%Value}{numDecimals:0}</format>
  </labels>
  </y_axis>
  <x_axis tickmarks_placement="Center">
  <title><text>Surgeon</text></title>
  <labels rotation="90"/>
  </x_axis>
  </axes>
  </chart_settings>
  <data_plot_settings default_series_type="Bar">
  <bar_series>
  <tooltip_settings enabled="True">
  <format>
  {%SeriesName}{numDecimals:2,thousandsSeparator:}
  {%YValue}{numDecimals:2}%
  </format>
  </tooltip_settings>
  <bar_style>
  <states>
  <normal>
  <fill color="%Color"/>
  <border color="DarkColor(%Color)" thickness="1"/>
  </normal>
  <hover>
  <fill color="LightColor(%Color)"/>
  <border thickness="2"/>
  </hover>
  </states>
  </bar_style>
  </bar_series>
  </data_plot_settings>
  #DATA#
  </chart>
  </charts>
  </anychart>

  Please help me solve this problem

  Hello

  100 columns lots of columns. I understand why you are having this problem. I think you have two options here:

  First of all, you can use a chart scrolling.
  your part x axis custom XML might look like:

  Second, you can reduce the size of the font of the labels on the x-axis to a very small number, so that the text of the label is no wider than the column width. With 100 columns, you're talking probably about a terribly small font size, probably making it unreadable.

  your part x axis custom XML might look like:

  Austin

  Published by: AustinJ on February 11, 2011 11:13 - corrected typos

• Drag / drop an element in horizontalList does not display correctly

  It seems that when I drag an item from a HorizontalList to another location within the same HorizonList, it does not display the images correctly. I have an itemRenderer that displays the thumbnail image of the item in my HorizontalList.  I have about half a dozen items in the list, and when I drag the sixth issue and move to the beginning of the list, the display looks as if the first and sixth items are activated, while in reality the dataProvider resulting table seems to have the right order, which means that the sixth element became the first element and the first item has become the second element and so on. Someone knows such behaviour and how to rectify this? Thanks in advance. Cheers, Ramesh

  ------------------------------

  The HorizontalList def is

  < mx:HorizontalList id = "myList" width = "92%" height = "100%" columnWidth = rowHeight = "90" rollOverColor "105" = "#f26722."
  labelField itemRenderer = "com.myListRenderer' = 'name' dataProvider = columnCount '(arr)" = "10"
  dragEnabled = click "updateView (Event)" = "true" dropEnabled = "true" dragMoveEnabled = "true" > "
  < / mx:HorizontalList >

  --------------------------------

  The rendering code is

  <? XML version = "1.0" encoding = "utf-8"? >
  " < = xmlns:mx mx:VBox ' http://www.Adobe.com/2006/MXML "horizontalScrollPolicy ="off"verticalScrollPolicy ="off"horizontalAlign ="center" "
  verticalAlign = "middle" width = "90" height = "90" verticalGap = "0" creationComplete = "init ()" > "
  < mx:Script >
  <! [CDATA]
  private function init (): void {}
  imageFile.source = data.url;
  imageName.text = data.name;
  }
  []] >
  < / mx:Script >
  < mx:Image id = "imageFile" scaleContent = "true" width = "90" height = "70" horizontalAlign = "center" verticalAlign = "middle" / >
  < mx:Label id = "imageName" height = "18" width = "90" textAlign = "left" / >
  < / mx:VBox >

  In general, using creationComplete in a rendering engine will not work.  Try dataChange

  instead.  See the messages of converter point on my blog for more details

  --

  Alex Harui

  Flex SDK Team

  Adobe System, Inc..

  http://blogs.Adobe.com/aharui

• Japanese language does not display correctly.

  Japanese symbols do not display correctly. On some sites, I see only a long row of squares instead of what is supposed to display. Sites Web appears correctly on Chrome and Internet Explorer.

  My system is in Japanese, and I use Windows Vista. The only program that has problems with the display of the Japanese is Firefox 26. I used Firefox 2.0 before this update, and everything worked well on FF2.0.

  EDIT: Ended up being a user error, looks like I've had a few conflicts of fonts.

  Joint are some screenshots on what it looks like on FF26 (boxes) and Chrome.

• Since Firefox updated to 23, Hotmail does not display correctly

  Firefox itself up-to-date version 23 and since Hotmail does not appear correctly. I tried in IE and Chrome, and that's fine. I tried troubleshooting suggested, but nothing has worked.

  You can try the basic steps like these in case of problems with web pages:

  Reload Web pages and ignore the cache to refresh potentially stale or corrupt.

  • Hold down the SHIFT key and click the Reload button
  • Press 'Ctrl + F5' or 'Ctrl + Shift + R' (Windows, Linux)
  • Press 'Command + shift + R' (Mac)

  Clear the cache and cookies from Web sites that cause problems.

  "Clear the Cache":

  • Firefox/tools > Options > advanced > network > content caching Web: 'clear now '.

  'Delete Cookies' sites causing problems:

  • Firefox/tools > Options > privacy > Cookies: "show the Cookies".

  Start Firefox in Safe Mode to check if one of the extensions (Firefox/Firefox/tools > Modules > Extensions) or if hardware acceleration is the cause of the problem (switch to the DEFAULT theme: Firefox/Firefox/tools > Modules > appearance).

  • Do NOT click on the reset button on the startup window Mode without failure.
  • https://support.Mozilla.org/KB/safe+mode
  • https://support.Mozilla.org/KB/troubleshooting+extensions+and+themes

• Satellite A10: LCD does not display correctly

  One of my users has an A10 with a screen problem. The LCD screen is not displayed correctly. You can only see the things on the screen, but they are very very low, essentially unusable. I hooked to an external monitor, which works very well! If someone has had this problem, and if so what was the solution. I incerased brightness etc, but to no avail. Am I missing something very basic?

  Hi Patrick,

  It seems that your FL inverter has failed. It is a component material that offers the backlight to your screen.

  Typical symptoms of failure are that the screen will be visible, but only just, while an external monitor works perfectly.

  I suggest that you only contact a Toshiba authorized service center.

  HTH

  [Edited by: admin]

• Form button submit contact does not display correctly

  When you use Adobe Muse in fashion design all on my contact form looks like a lot, but when I download the site or preview the page in my browser, the submit button is not displayed correctly.

  The police is a bit fuzzy and unclear and effects like opacity on the submit button just display a solid color rather than adding opacity.

  The rest of the form uses the same font and also tried different web fonts without success, so don't know why, it's just the Send button!

  I use the latest version of Muse on a Mac

  Hi Simon,.

  Please see: button "submit" is blurred in preview mode before and after validation

  Kind regards

  Akshay

• Photoshop starts does not display correctly?

  After some time working in PS it seems stop is not displayed correctly. Things will happen as suddenly a solid black rectangle will hide the part of the image. The rectangle can appear suddenly if I change the zoom of say 50-66% levels. If I change zoom levels to say 100%, the rectangle can become white Uni. The rest of the picture displays normally. Not sure what is the cause. I also once today clicked on a smart object so it would open in camera raw. While I was moving the cursor clarity, all words as temperature, tint, exposure, contrast, highlights and shadows, white, etc. have disappeared but the sliders themselves were still visible and I could move if I wanted to. Very strange! This has happened on several different files. There is nothing wrong with the files. I generally will be just close the files and relaunch photoshop and they will be fine for a while until that the problem popped up again.

  I use cc14 and a wacom intuos 4. I'm on a mac OS10.10.3.

  Mac Pro early 2008

  X3.3 processor 2 GHZ Quad - Core Intel Xeon

  24 GB memory

  graphics NVIDIA Quadro 4000 2048

  Use graphics processor to speed up the calculation and use open CL are checked.

  These problems began recently with the completion of the last update on photoshop CC14.

  I had a similar problem last year with menus and images becoming white Uni and don't forget that the cause of this problem was some incompatibility between ps and wacom pens. I remember there was a patch that corrects this problem and I think that I installed last year.

  Help, please.

  2015.1.2 is now the latest version. See if the update of this aid. Adobe Camera Raw is now 9.4 as well.

  Gene

• GoDaddy site does not display correctly

  I worked with a client site Dreamweaver; However, when I went to download on GoDaddy, the pages and images are not displayed correctly.  How can I fix?

  Will it change the links for each missing chart, so that they come directly from the root?  Is there an easier way?

  This site in particular has several levels and subfolders, etc.

  Help, please!

  If you use paths relative to your property, there should be no problem.  If you use absolute paths, you will have many problems.

• menu bar horizontal Spry does not work properly in Internet Explorer

  Here is the link to my website: www.ees-energy.com

  Check it in IE, it does not work well. Works fine in Chrome and Firefox. Please let know hwo to fix this in Internet Explorer, because a lot of people still use IE

  Thank you

  Obaid

  Using IE Tester that worked for me in the 6 and 7.

  What problems are you seeing?

  Martin

• Help with spry does not display using ssi

  Hello

  I have reviewed the previous tutorials and can't find where is my mistake.  I cut and pasted the code for spry on an include with the extension .shtml file.  I mentioned it in the file and header seeems correct,

  My files are relative root

  I have a file called includes, you can view the source here

  http://crystalbeach.com/funthings/includes.shtml

  Here is my link that is supposed to be the spry navigation bar display.

  http://crystalbeach.com/funthings/index_erinn.shtml

  Help, please!

  Thank you

  http://crystalbeach.com/funthings/index_erinn.shtml

  Line 29

  is simply an ordinary HTML comment. It doesn't do anything.

  Implement

  [an error occurred while processing the directive]

  This means that your include file is named includes.shtml and it is always stored in a folder called «funthings» Many people store includes inside a folder named "includes" in the folder root on the server.

  NOTE: the .shtml file extension applies to the page parent asking the include file.

  The include file can have any file extension would be for example menu.monkeybutt where the code include[an error occurred while processing the directive]