Spry UI (Spry 2.0) Not Visible in IE

I'm still searching and trying to figure out why the new spry menu bar is not visible in IE, but if you anyone can see or knows something that i may have overlooked please let me know. Other than that the menu bar works great in all other browsers including mobile and touch screens. The menubar is still under construction so the only dropdowns are under "software" if anyone is curious about that.
Link to my site: http://www.tweetarmory.com/

The following will work
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="Spry-UI-1.7/css/Menu/basic/SpryMenuBasic.css" rel="stylesheet">
<style>
#MenuBar {
     background-color:#cccccc;
     font-family: Arial, Helvetica, sans-serif;
     font-weight: normal;
     font-size: 16px;
     font-style: normal;
     padding:0;
     border-color: #ffffff #ffffff #ffffff #ffffff;
     border-width:0px;
     border-style: none none none none;
.MenuBar br {
     display:none;
.MenuBarLeftShrink {
     float: left;
     width: auto;
.MenuBarRightShrink {
     float: right;
     width: auto;
.MenuBarFixedLeft {
     float: left;
     width: 80em;
.MenuBarFixedCentered {
     float: none;
     width: 80em;
     margin-left:auto;
     margin-right:auto;
.MenuBarFixedCentered br {
     clear:both;
     display:block;
.MenuBarFixedCentered .SubMenu br {
     display:none;
.MenuBarFullwidth {
     float: left;
     width: 100%;
#MenuBar .MenuItemContainer {
     padding: 0px 0px 0px 0px;
     margin: 0;
#MenuBar .MenuItem {
     padding: 0px 24px 0px 0px;
     background-color:#cccccc;
     border-width:1px;
     border-color: #cccccc #ffffff #cccccc #ffffff;
     border-style: none solid none solid;
#MenuBar .MenuItemFirst {
     border-style: none none none none;
#MenuBar .MenuItemLast {
     border-style: none solid none none;
#MenuBar .MenuItem .MenuItemLabel{
     text-align:center;
     line-height:1.4em;
     color:#333333;
     background-color:#cccccc;
     padding: 6px 15px 6px 39px;
     width: 10em;
     width:auto;
.SpryIsIE6 #MenuBar .MenuItem .MenuItemLabel{
     width:1em;
#MenuBar .SubMenu .MenuItem {
     font-family: Arial, Helvetica, sans-serif;
     font-weight: normal;
     font-size: 14px;
     font-style: normal;
     background-color:#ffffff;
     padding:0px 2px 0px 0px;
     border-width:1px;
     border-color: #cccccc #cccccc #cccccc #cccccc;
     border-style: solid solid none solid;
#MenuBar .SubMenu .MenuItemFirst {
     border-style: solid solid none solid;
#MenuBar .SubMenu .MenuItemFirst .MenuItemLabel{
     padding-top: 6px;
#MenuBar .SubMenu .MenuItemLast {
     border-style: solid solid solid solid;
#MenuBar .SubMenu .MenuItemLast .MenuItemLabel{
     padding-bottom: 6px;
#MenuBar .SubMenu .MenuItem .MenuItemLabel{
     text-align:left;
     line-height:1em;
     background-color:#ffffff;
     color:#333333;
     padding: 6px 12px 6px 5px;
     width: 7em;
#MenuBar .MenuItemHover {
     background-color: #999999;
     border-color: #cccccc #cccccc #cccccc #cccccc;
#MenuBar .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel{
     background-color: #999999;
     color: #000000;
#MenuBar .MenuItemHover .MenuItemLabel{
     background-color: #999999;
     color: #000000;
#MenuBar .SubMenu .MenuItemHover {
     background-color: #cccccc;
     border-color: #cccccc #cccccc #cccccc #cccccc;
#MenuBar .SubMenu .MenuItemHover .MenuItemLabel{
     background-color: #cccccc;
     color: #333333;
#MenuBar .SubMenuVisible {
     background-color: #ffffff;
     min-width:0%;
     border-color: #ffffff #ffffff #ffffff #ffffff;
     border-width:0px;
     border-style: none none none none;
#MenuBar.MenuBar .SubMenuVisible {
     top: 100%;
     left:0px;
     z-index:10;
#MenuBar.MenuBarVertical .SubMenuVisible {
     top: 0px;
     left:100%;
     min-width:0px;
#MenuBar .MenuLevel1 .SubMenuVisible {
     background-color: #ffffff;
     min-width:0px;
     top: 0px;
     left:100%;
.SpryIsIE6 #MenuBar .MenuBarView .MenuItemWithSubMenuHover .MenuItemLabel /* IE6 selector */{
     background-color: #999999; /* consider exposing this prop separately*/
     color: #000000;
.SpryIsIE6 #MenuBar .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel/* IE6 selector */{
     background-color: #cccccc; /* consider exposing this prop separately*/
     color: #333333;
.SpryIsIE6 #MenuBar .SubMenu .SubMenu /* IE6 selector */{
     margin-left: -0px; /* Compensates for at least part of an IE6 "double padding" version of the "double margin" bug */
/* Styles to override the above */
#MenuBar #home .MenuItem {
     background: #cccccc url(http://www.tweetarmory.com/images/buttons/home2.png) no-repeat center top;
#MenuBar #home .MenuItemHover {
     background: #cccccc url(http://www.tweetarmory.com/images/buttons/home2_hover.png) no-repeat center top;
#MenuBar #software .MenuItem {
     background: #cccccc url(http://www.tweetarmory.com/images/buttons/software.png) no-repeat center top;
#MenuBar #software .MenuItemHover {
     background: #cccccc url(http://www.tweetarmory.com/images/buttons/software_hover.png) no-repeat center top;
#MenuBar #internet .MenuItem {
     background: #cccccc url(http://www.tweetarmory.com/images/buttons/internet.png) no-repeat center top;
#MenuBar #internet .MenuItemHover {
     background: #cccccc url(http://www.tweetarmory.com/images/buttons/internet_hover.png) no-repeat center top;
#MenuBar #depot .MenuItem {
     background: #cccccc url(http://www.tweetarmory.com/images/buttons/depot.png) no-repeat center top;
#MenuBar #depot .MenuItemHover {
     background: #cccccc url(http://www.tweetarmory.com/images/buttons/depot_hover.png) no-repeat center top;
#MenuBar #forums .MenuItem {
     background: #cccccc url(http://www.tweetarmory.com/images/buttons/forums.png) no-repeat center top;
#MenuBar #forums .MenuItemHover {
     background: #cccccc url(http://www.tweetarmory.com/images/buttons/forums_hover2.png) no-repeat center top;
#MenuBar .MenuItem {
     border: none;
#MenuBar .MenuItem .MenuItemLabel{
     color:transparent;
     background-color:transparent;
     line-height:2.8em;
#MenuBar .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel{
     background-color: transparent;
     color: transparent;
.MenuBar .MenuItemWithSubMenu .MenuItemLabel{
     background-image: none;
.MenuBar .MenuItemHover.MenuItemWithSubMenu .MenuItemLabel{
     background-image: none;
</style>
</head>
<body>
<ul id="MenuBar">
<li id="home"><a href="http://www.tweetarmory.com/">Home</a></li>
<li id="software"><a href="http://www.tweetarmory.com/software">Software</a>
    <ul>
    <li><a href="http://www.tweetarmory.com/software/anti-malware">Anti-Malware</a></li>
    <li><a href="http://www.tweetarmory.com/software/test">Test</a></li>
    </ul>
</li>
<li id="internet"><a href="#">Internet</a></li>
<li id="depot"><a href="#">Depot</a></li>
<li id="forums"><a href="#">Forums</a></li>
</ul>
<script src="Spry-UI-1.7/includes/SpryDOMUtils.js"></script>
<script src="Spry-UI-1.7/includes/SpryDOMEffects.js"></script>
<script src="Spry-UI-1.7/includes/SpryWidget.js"></script>
<script src="Spry-UI-1.7/includes/SpryMenu.js"></script>
<script src="Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarKeyNavigationPlugin.js"></script>
<script src="Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarIEWorkaroundsPlugin.js"></script>
<script>
// BeginOAWidget_Instance_2141544: #MenuBar
var MenuBar = new Spry.Widget.MenuBar2("#MenuBar", {
      widgetID: "MenuBar",
       widgetClass: "MenuBar MenuBarLeftShrink",
       insertMenuBarBreak: true,
      mainMenuShowDelay: 100,
      mainMenuHideDelay: 200,
      subMenuShowDelay: 200,
      subMenuHideDelay: 200
// EndOAWidget_Instance_2141544
</script>
</body>
</html>
Notice the change in the HTML markup for the menu. Also I did not style the submenu items. If you have a problem with that, return here.
Gramps

Similar Messages

Images Not Visible but Loading within Spry

I've built out a site using Spry numerous times and never had
any problems. But the below site I'm having issues with in that it
works fine in Safari but the images load within the Spry region set
(div id="mainContent") but are not visible. The images are
definately there as they can be viewed in a seperate window or
downloaded to the desktop.
w/w/w/./sl/im/press/./com (ignore / for domain name)
I've tried commenting out various elements in the css and
html and nothing seems to remedy this problem. Any help would be
super appreciated as I'm super stuck on this! The images don't load
in Firefox or Explorer. Thanks!

Hi bkerkay,
first try a rebuild of the library.
Try this:
Before doing a rebuild make sure iPhoto's trash bin is emptied. You can do this by control clicking on the trash bin, or from the menu bar under iPhoto.
Close iPhoto
Duplicate the iPhoto Library folder
Drag the duplicate to the desktop (hopefully you have enough room on your hard drive for the duplicate.)
Launch iPhoto holding down the Command and Option keys until you see the rebuild options screen.
Choose the first three options. If you were missing photos in your library, also choose the last option. Be advised that you will get a roll of orphaned photos and it might be quite huge. Most of them will already be in your iPhoto library, but use caution when deleting anything from this roll until you are sure the photos are still in your library in another place. It might be a good idea to share/export this roll of photos just in case you need to import them again.
Back to the rebuild, depending on the size of your library it might take some time. When it is done, hopefully your photos will be there.
You might see some unexpected results as I did when I did a rebuild. Photos had been moved to wrong dates, video clips had lost their duration info and some were even orphaned from the jpg pointer file. It took me some time to straighten it out again.
This is the reason to make a duplicate before you rebuild, in case you do not like the result. If you don't like the result, close iPhoto, then delete the rebuilt library and drag the duplicate back into the Pictures folder making sure the name is iPhoto Library. Launch iPhoto and it should open the library in the Pictures folder.
iPhoto 4 or later: Rebuilding the iPhoto Library
Get back with results.
Lori

Spry menu bar in firefox not telescoping main li horizontally

I am having trouble with my spry menu bar in firefox and chrome not telescoping horizontally. In IE8 they tile horizontally but in firefox(3.6.10) and chrome(6.0.472.63) they stay tiled vertically.
Example:
IE8
[menu1][menu2][menu3][menu4][menu5]
FF and Chrome
[menu1]
[menu2]
[menu3]
[menu4]
[menu5]
I do not think that it is the css due to it not telescoping when I view it in live view in dreamweaver cs4. SO I am thinking it is someting in the javascript that is just for IE.
ANy help or a push in the right direction would be great.
here is the css
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: 100%;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
    z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
/*    text-align: left;*/
    cursor: pointer;
    width: 19.8%;
    float: center;
    z-index: 100;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: 8.2em;
    position: absolute;
    left: -1000em;
    float: none;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
    width: 8.2em;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
    position: absolute;
    margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
    left: auto;
    top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
    border: 1px solid #CCC;
/* Menu items are a light gray 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;
    text-align: left;
ul.MenuBarHorizontal a.NoPadding
    padding: 0.39em 0.75em;
*//* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
    color: #FFF;
    background-color:transparent;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    background-color:transparent;
    color:#2A0000;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarDown.gif);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    z-index:100;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarRight.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    z-index:100;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image 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: 95% 50%;
    z-index:100;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image 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: 95% 50%;
    z-index:100;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
    position: absolute;
    z-index: 1010;
    filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
    ul.MenuBarHorizontal li.MenuBarItemIE
        display: inline;
        float: left;
        background: #FFF;
        z-index:100;
#MenuBar1{
    position:relative;
    margin-top:-10px;
    margin-bottom:0px;
    z-index:1010;
***And the javascript***
var Spry; if (!Spry) Spry = {}; if (!Spry.Widget) Spry.Widget = {};
Spry.BrowserSniff = function()
    var b = navigator.appName.toString();
    var up = navigator.platform.toString();
    var ua = 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[this.Platform] = true;
    this.v = this.version;
    if (this.safari && this.mac && this.mozilla) {
        this.mozilla = false;
Spry.is = new Spry.BrowserSniff();
// Constructor for Menu Bar
// element should be an ID of an unordered list (<ul> tag)
// preloadImage1 and preloadImage2 are images for the rollover state of a 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 current (sub)menu we are operating on
    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'))
        // bail on older unsupported browsers
        return;
    // Fix IE6 CSS images flicker
    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 hover images now
    if(opts)
        for(var k in opts)
            if (typeof this[k] == 'undefined')
                var rollover = new Image;
                rollover.src = opts[k];
        Spry.Widget.MenuBar.setOptions(this, opts);
    // safari doesn't support 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)
                items[i].getElementsByTagName('a')[0].tabIndex='-1';
            this.initialize(items[i], element);
            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++)
                linkitems[i].style.position = "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)
        return false;
    return 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 Menu Bar
// attach an event to a tag without creating obtrusive HTML code
Spry.Widget.MenuBar.prototype.addEventListener = function(element, eventType, handler, capture)
    try
        if (element.addEventListener)
            element.addEventListener(eventType, handler, capture);
        else if (element.attachEvent)
            element.attachEvent('on' + eventType, handler);
    catch (e) {}
// createIframeLayer for Menu Bar
// creates an IFRAME underneath a menu so that it will show above 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';
// removeIframeLayer for Menu Bar
// removes an IFRAME underneath a menu to reveal any form controls and ActiveX
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]);
// clearMenus for Menu Bar
// root is the top level unordered list (<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);
// bubbledTextEvent for Menu Bar
// identify bubbled up text events in Safari so we can ignore them
Spry.Widget.MenuBar.prototype.bubbledTextEvent = function()
    return Spry.is.safari && (event.target == event.relatedTarget.parentNode || (event.eventPhase == 3 && event.target.parentNode == event.relatedTarget));
// showSubmenu for Menu Bar
// set the proper CSS class on this menu to show it
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);
// hideSubmenu for Menu Bar
// remove the proper CSS class on this menu to hide it
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);
// initialize for Menu Bar
// create event listeners for the Menu Bar widget so we can properly
// show and hide submenus
Spry.Widget.MenuBar.prototype.initialize = function(listitem, element)
    var opentime, closetime;
    var link = listitem.getElementsByTagName('a')[0];
    var submenus = 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 that comes standard in IE to determine
        // if a node is within another node
        listitem.contains = function(testNode)
            // this refers to the list item
            if(testNode == null)
                return false;
            if(testNode == this)
                return true;
            else
                return this.contains(testNode.parentNode);
    // need to save this for scope further down
    var self = this;
    this.addEventListener(listitem, 'mouseover', function(e){self.mouseOver(listitem, e);}, false);
    this.addEventListener(listitem, 'mouseout', function(e){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(e){self.keyFocus(listitem, e);}, false);
Spry.Widget.MenuBar.prototype.keyFocus = function (listitem, e)
    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 current open element
    if (!this.lastOpen)
        return;
    if (el)
        el = el.getElementsByTagName('a')[0];
        // check children
        var item = this.lastOpen;
        while (item != this.element)
            var tmp = el;
            while (tmp != this.element)
                if (tmp == item)
                    return;
                try{
                    tmp = tmp.parentNode;
                }catch(err){break;}
            item = item.parentNode;
    var item = this.lastOpen;
    while (item != this.element)
        this.hideSubmenu(item.parentNode);
        var link = 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;
            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(element, 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) {
        return false;
    if (el.parentNode === null || Spry.Widget.MenuBar.getStyleProp(el, 'display') == 'none') {
        //element must be visible to have a box
        return false;
    var ret = {x:0, y:0};
    var parent = null;
    var box;
    if (el.getBoundingClientRect) { // IE
        box = el.getBoundingClientRect();
        var scrollTop = doc.documentElement.scrollTop || doc.body.scrollTop;
        var scrollLeft = 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 & (safari absolute) incorrectly account for 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;
    else
        parent = null;
    if (parent.nodeName){
        var cas = parent.nodeName.toUpperCase();
        while (parent && cas != 'BODY' && cas != 'HTML') {
            cas = parent.nodeName.toUpperCase();
            ret.x -= parent.scrollLeft;
            ret.y -= parent.scrollTop;
            if (parent.parentNode)
                parent = parent.parentNode;
            else
                parent = null;
    return ret;
Spry.Widget.MenuBar.stopPropagation = function(ev)
    if (ev.stopPropagation)
        ev.stopPropagation();
    else
        ev.cancelBubble = true;
    if (ev.preventDefault)
        ev.preventDefault();
    else
        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];
Any help would be appreciated
Ray

Uhh no, both issues are still occurring. Please look at the site http://appventurousllc.com in
Firefox and IE and you will see that the issues are still present.

Spry Accordian 2nd Panel Does Not Work in IE 8

Anyone have a suggestion on this. I created a two tabbed according panel to show content below and image using the XML data set feed to dynamically insert content. The content for the first panel shows up nicely and so does the tab for the second item, but when the second panel is clicked to reveal the content in IE8 the action works but no content is displayed. Additionally an error message comes up that says there is a problem on the Spry script called SpryData.js character 2 on line 169.
The according works nicely and content is visible on Safari, Firefox, and IE 7 but not in IE 8. This is the only browser that shows no content.
Any suggestions on a fix. I have looked online and in the forum but do not see any specific information on how to fix this other an "well you know it is IE".
Wish I had a link to show, but just undid my two hours of work when it was clear I could not get it to work but if you really need to see it in IE * to help me, I will redo it all and post a link.
Thanks in advance for seeing if you can help.

Thanks to both of you for your responses. I ended up fixing it myself and here is what I did. I had upgraded my Spry to the new version and it still was broken. I had a test version that I had done in a class that worked in IE but mine as I integrated it into my own website would not work. I found that by loading the old xpath.js file from my testing class files I was able to get the panels to work in IE all versions, Firefox, Chrome and Safari on my new page.
I am not sure why the new upgraded version of the Spry xpath.js file would not work, go figure, but after literally hours on it and reviewing and validating the code there was nothing on my end that would cause the problem.
Here is the finished and completed page. http://www.mccordweb.com/web-design/portfolio.php
If you have a similar problem you can grab the xpath.js file that works for me better than the new version xpath.js here: http://www.mccordweb.com/SpyAssets/xpath.js
I don't clearly understand why this is a problem but the old file solved the issue.

Spry.Effect ERR: Element "undefined" not found

http://demiurgical.fluctuation.net/development/test.html
Hi guys,
I used Spry Data, Tabbed Panels, and the very helpfull Tabbed
Panels Extension that Kin provided. It works fine on both Firefox
and IE, however, IE6 gives me an alert box of "Spry.Effect ERR:
Element "undefined" not found 4 times but still working.
How can I get rid of this?
Thank you again,
John

Looking at Retrospective's code in test.html, I see that the
error is due to the fact he had a script block in his region:
<script type="text/javascript">

</script>
That executes immediately when the page is loaded, even
before the region is processed. To get rid of the problem, all that
has to be done is remove the script block and move its code into a
region observer so that it gets exectued any time the region markup
is re-generated. Here's how it should look:
<html>
<head>
<script src="SpryTabbedPanels.js"
type="text/javascript"></script>
<script src="SpryTabbedPanelsExtensions.js"
type="text/javascript"></script>
<script src="xpath.js"
type="text/javascript"></script>
<script src="SpryData.js"
type="text/javascript"></script>
<script src="SpryEffects.js"
type="text/javascript"></script>
<link href="SpryTabbedPanels.css" rel="stylesheet"
type="text/css" />
<script type="text/javascript">

</script>
<title>Test</title>
</head>
<body bgcolor="#FFFFFF">
<div id="FeatureBoxHome" spry:region="dsTest">
<div id="testtab" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li spry:repeat="dsTest" class="TabbedPanelsTab"
tabindex="0">{name}</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div spry:repeat="dsTest" class="TabbedPanelsContent"
style="display: block;"> <a
href="{feature_url}">{title}</a> <img src="{photo}">
</div>
</div>
</div>
</div>
</body>
</html>
--== Kin ==--

Spry:state="error" field is always visible?!

I define layers to display the current spry:state, one for
spry:state="loading", the second for spry:state="error" and the
third for spry:state="ready". The problem is that
spry:state="error" field is always visible along with
spry:state="loading"?! Am I making some mistake or what? Here is a
part of relevant code:
<div id="vijesti" spry:region="pvVijestiMini"
class="vijestimini">
<div id="ucitavanjemini" spry:state="loading"
class="indikator">
<p>
<span><img
src="slike/pomocne/loader.gif"></span>
<span>Podaci se učitavaju...</span>
</p>
</div>
<div id="greskamini" spry:state="error"
class="indikator">
<p>
<span><img
src="slike/pomocne/loader2.gif"></span>
<span>Podaci ne postoje ili su
nedostupni...</span>
</p>
</div>
<div id="podaci" spry:state="ready">
<span class="vijestnaslov">Čikom vijesti
[{ds_UnfilteredRowCount}]</span>
<div id="redovimini" class="redovimini">
<div class="red" spry:repeat="pvVijestiMini">
<p class="podnaslov">
<span>{datum}</span><br>
<span class="naziv">{naziv}</span>
</p>
<p>
<span>{ukratko}<a
href="index.php?jezik=0&meni1=3&meni2=0&meni3=0"><img
src="slike/pomocne/dalje.gif"
class="dalje"></a></span>
</p>
</div>
</div>
<div id="navigacija">
<div spry:if="{ds_UnfilteredRowCount} == 0">Nema
podataka u tabeli "Vijesti"!</div>
<div spry:if="{ds_UnfilteredRowCount} > 0">
<div><a href="#"
onclick="pvVijestiMini.firstPage(); return
false;">|<</a><span> </span></div>
<div><a href="#"
onclick="pvVijestiMini.previousPage(); return
false;"><<</a></div>
<div> stranica {ds_PageNumber} od
{ds_PageCount} </div>
<div><a href="#" onclick="pvVijestiMini.nextPage();
return
false;">>></a><span> </span></div>
<div><a href="#" onclick="pvVijestiMini.lastPage();
return false;">>|</a></div>
</div>
</div>
</div>
</div>
The second question: How do I hide region container until it
gets filled with data?

Look, you got me all wrong. I don't want to hide a main
region, just the spry:state="error" appearing the same time as
spry:state="loading"!!!
<div id="ucitavanjemini" spry:state="loading"
class="indikator">
<p>
<span><img
src="slike/pomocne/loader.gif"></span>
<span>Podaci se učitavaju...</span>
</p>
</div>
<div id="greskamini" spry:state="error"
class="indikator">
<p>
<span><img
src="slike/pomocne/loader2.gif"></span>
<span>Podaci ne postoje ili su
nedostupni...</span>
</p>
</div>

Spry Horizontal Menu causing site not to load using Firefox and Maverick OSX 10.9.2

Why does Spry Horizontal Menu cause site not to load using Firefox and Maverick OSX 10.9.2?

Your code is terribly malformed.
There are multiple body tags & erroneous tags that overlap your <head> and other content tags. Get those fixed first.
And you also have more than 1 doctype definition in the wrong place.
If my assumption is correct, I think each include file you're using has its own doctype, body, html & head definitions causing final PHP to render all these on your output page.
Run your site through W3 validator like Jon suggested earlier: [Invalid] Markup Validation of http://www.ambppct.org/ - W3C Markup Validator
Fix those and you should be good.

External hard drive not visible in disk utility or finder

Hi all,
I have had a good look through previous discussions and I can't seem to find an issue relevant to mine.
My external hard drive has 2 partitions (1 time machine back up, 1 general hard drive). The issue is that the HD is running when it is plugged in however it is not visible in either disk utility or finder.
I am running OS X 10.10 (Yosemite) on a 2010 MacBook Pro. I also have parallels desktop running windows 7. When I boot windows and plug in the HD I usually get the option to mount the HD to either OS X or Windows. With this issue the option window appears for a split second (not enough time to select either) and then disappears. It seems that the HD may be ejecting itself as soon as it is registered by the computer. I have tried using a different power cable for the HD and also a different usb cable, this doesn't help.
The external HD is a Samsung D3 Station, which i have had for 6 months now and never had an issue with.
Any help is appreciated
Thanks,
Bruce

An update for anyone who can help me:
I have tried the external hard drive in other computers (mac and windows), each time I get the same problem above.
I have removed the HD from the enclosure and purchased a docking station for it (3.5" SATA). When I plug it in to the laptop it disconnects itself straight away before it is visible. With the windows computers it installs the drivers and says that the device is ready to use, then disconnects before it shows up.
As the HD is not visible there is no option to re-format or anything.
This is very frustrating as I was using the HD with no issues and it randomly disconnected and I have not been able to access since.
Thanks in advance for any help.
Bruce

Hi - I am looking for the Adobe Illustrator 2014 1.2 (or .0.2) bugfix update for Mac - and it is not visible in the Adobe Creative Cloud Packager (Mac version). The only update visible is Illustrator CC 2014.1 - which is what introduced the bugs.

Hi - I am looking for the Adobe Illustrator 2014 1.2 (or .0.2) bugfix update for Mac - and it is not visible in the Adobe Creative Cloud Packager (Mac version). The only update visible is Illustrator CC 2014.1 - which is what introduced the bugs.
The only thing that I can think of that might be causing the issues that I have a Mac Mini on Mavericks.
Dave

Hi
I have discovered that my question above is a non-question. A user triggered by looking at the below article about Illustrator 2014 cc 17.0.2
http://helpx.adobe.com/illustrator/release-note/illustrator-17-0-2-release-notes.html
He had recently upgraded from wht we now know is 18.0 to 18.1 which is the latest version. He read the above artic
le and supposed that it was a bug fix release for his version - because the v17 ov18 number is not often displayed. It is usually just 2014 CC.
I have asked him to post a bug report about Adobe Illustrator CC 2014.1
Dave

IDOC not visible in IR but metadata successfully imported

Hi,
I have this wiered issue.
I want to import IDOC WPUSKR01 (cashier productivity) from BI.
But when I connect to BI system from IR to import Idoc structure, this IDOC is not visible.
But I can manually import the metadata from BI in idx2.
Now how to import this in IR?
I have imported other Idocs (like WPUBON) before and did the scenario successfully for BI.
Regards,
Anirudh Vyas.

Hi,
In BI Tcode we82 I have manually added the entries for WPUKSR01. Now Idoc is visible when importing in IR.
I have checked all the segments in we31, they are all released.
But it gives error:
Error: IDoc type WPUKSR01 contains errors (unable to read segments)
Then, I checked in R/3, there also WPUKSR01 was not there in we82. I manually added there and I was successfully able to import it in IR.
But the same thing is failing in BI. I have SAPALL permissions in all the systems.
Can I use Idoc imported from R/3 in scenario for BI?
regards,
Anirudh.

How can I add a device to my library? My e-reader is registered but not visible.

Hello,
I use a Tolino Shine and can download E-Books via WLAN directly to it. I can also download the books to my netbook. However, when I plug the Tolino into my netbook it is not visible in the Adobe library and I cannot move books from the library to the Tolino.
I tried to reset the Tolino to the manufacturer settings. This did not improve the situation.
Any suggestions?
Thanks a lot!

http://www.apple.com/icloud/find-my-iphone.html
any chance of it working on non-apple phones?
No, it requires the operating system iOS, only available on Apple Devices.

Reporting Flag is not visible in the manage screen

Hi BI Experts, Good morning.
We load the inventory data daily in the night time which is delta load.
5 days back, we got 0 records and the request is in red.Then i rerun the infopackage manually and got the total records in to the cube.
From that day onwards its running successfully.
Yesterday i deleted the bad request from infocube.
But the Reporting flag is not visible.
Today i didnot get the records.
Please can anyone tell me the process.
Thanks in advance.
Regards
Anjali

Hi Nagesh,
Still i am not getting reporting flag.
I tried what did u say.
And today i did not get the records. Infopackages didnot run. It shows in red.
I tried to run it manually but it gives error.
The error message is:
Short text
    An exception occurred that was not caught.
What happened?
    The exception 'CX_RSR_X_MESSAGE' was raised, but it was not caught anywhere
     along
    the call hierarchy.
    Since exceptions represent error situations and this error was not
    adequately responded to, the running ABAP program 'SAPLRRMS' has to be
    terminated.
Please give me the reply.
Thanks in advance
Regards
Anjali

Drop down boxes do not show up. My tabs are not visible. I could barely see the box to type in this question. Something is off. I deleted and reinstalled program it is still just floating words. I work on a Mac with ox 10.6.8

The browser boxes, tabs, and links do not show up with the needed outlines, colors, and shapes. This box I am typing in was barely visible. Above this box is a set of two verticle parallel bars. When I moused over it, I saw it was for inserting a link, but if I had not been curious I would not have known what those lines were for. When I look at this page on PC I have a colored blue backdrop. It is not visible on the Mac. The search box does not have the image of the magnifying class and the arrow does not show up where it should be. The words Post Question just appear below the statement we have made some educated guesses about your browser. I thought maybe it had been a theme that was applied, but I do not see how it could have come on when I trashed the old version of the firefox.

A;though the CSS is very well documented, there are those that ignore those signs. Look at the following
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: auto;
    float: left;
The rest have been given a width of 15em, so this value may be a good start.
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
    border: 1px solid #CCC;
   width: auto;
    background-attachment: fixed;
Just keep the border property and remove the other two.
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
    position: absolute;
    z-index: 1010;
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
          display: inline;
          f\loat: left;
          background: #FFF;
The following is the original for the above
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
    position: absolute;
    z-index: 1010;
    filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
    ul.MenuBarHorizontal li.MenuBarItemIE
        display: inline;
        f\loat: left;
        background: #FFF;
Cheers,
Gramps

Data loaded in Infocube is not visible in the Reporting

Hi all,
In the info cube, the data is not visible for reporting, How can i make it available for reporting,
When i select the Manage option from the context menu of the cube and select the Requests Tab, i get a pop up message that tells
" There is an inconsistency between the load status of the data and the option of reporting on this data.
There is data in the InfoCube/ODS object that is OK from a quality point of view, but is not yet displayed in reporting.
The problem, for example, is to do with request 0000018049, number REQU_F4ZBFRMDGBULE9WCUN3R5UX5X."
How do i find out the inconsistancies?
PS: All the requesta are delta upload
There is no aggregates for this cube.
Thanks n regards
Girikumar

Hi Girikumar
Use the RSRV transaction and select All Elementary Tests in the dropdown ->Transaction data , select the Consistency of the Time Dimension for an InfoCube and select your cube and Execute the button ..if any error are there it will display the inconsistency ..Repair the Inconsistency with Correct Button..
Check the other test also ..
Hope the above helps you..\
Bye
Shu Moh..

I updated win7 and now I cant see ff. I have reinstalled it 5 times now. It shows it is running in task manager but it is not visible on the desk top.

I installed win7 ultimate and then ff. ff worked fine until I installed win7 service pack 1 and all the other updates it recommended. I click to open ff and nothing happens. I look in task manager and it shows it is running. It is not visible on the screen or in the task bar. I have reinstalled a fresh download of it 5 times. I even tried the beta version but still the same problem. I can use explorer and chrome ok but not ff.

The "System Tray" is located at the very bottom right of your screen and is a list of most/all running applications that will show in this list.
For your SysFader issue, this "may" be the problem:
1 Find the "My Computer" desktop icon and right-click it. A pull-down menu will appear. Select "Properties."
2 Click on the "Advanced" tab. This will load a new page of options.
3 Select the "Visual Effects" tab at the top of the window and deselect "Animate Windows when minimizing and maximizing," "Fade or slide menus into view," "Fade or slide Tool Tips into view" and "Fade out Menu items after checking."
4 Click "OK." This will remove most if not all of the Sysfader effects, at the same time correcting related errors that used to come up during opening a new file or program.

Spry UI (Spry 2.0) Not Visible in IE

Similar Messages

Maybe you are looking for