Spry menu ok in firefox but folded in IE. Help please
Hi I badly need some help.
(1) my web page at works fine in IE but the spry menu on the right is folding up. the website is www.greenpwwhh.com. The code is below. to get to the page click on puzzles then crossword (this works in IE but not in FF - do you know why?)
(2) why when
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/crossword_main.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>GreenP - Wealth, Wisdom, Health & Happiness</title>
<!-- InstanceEndEditable -->
<link href="main_page.css" rel="stylesheet" type="text/css" />
<!--[if IE 5]>
<style type="text/css">
/* place css box model fixes for IE 5* in this conditional comment */
.thrColFixHdr #sidebar1 { width: 180px; }
.thrColFixHdr #sidebar2 { width: 190px; }
</style>
<![endif]-->
<!--[if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional comment */
.thrColFixHdr #sidebar2, .thrColFixHdr #sidebar1 { padding-top: 30px; }
.thrColFixHdr #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
</head>
<body class="thrColFixHdr">
<div id='divVHSS'></div><script language="JavaScript" type="text/javascript" src="http://vhss-d.oddcast.com/vhost_embed_functions_v2.php?acc=1242472&js=1"></script><script language="JavaScript" type="text/javascript">AC_VHost_Embed(1242472,300, 400, '', 1, 1, 1890628, 0, 1, 0, 'f778bdfaea52e72c33e6d97d4240496e', 9, '400|300|15|15|L|T|false|1|1|0|0|http%3A//vhss-a.oddcast.com/ccs2/vhss/user/cad/1242472/t humbs/show_1890628.jpg|Double%20click%20to%20play%20me|0|C|0|1|2|890');</script>
<div id="container">
<div id="header">
<div id="headerLogo"><img src="images/greenP_logo.gif" width="298" height="115" alt="greenP_logo" /> </div>
<div id="headerAd">Oh my gosh!! 100 customers just passed your register? Click here to get them</div>
<h1> </h1>
<!-- end #header -->
</div>
<div id="nav">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="index.html" class="thrColFixHdr">Home</a></li>
<li><a href="#" class="thrColFixHdr">Resources</a>
<ul>
<li><a href="#">Business Opportunities</a></li>
<li><a href="#" class="MenuBarItemSubmenu">Jobs</a>
<ul>
<li><a href="#">Caribbean</a></li>
<li><a href="#">USA</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#" class="thrColFixHdr">Wisdom</a></li>
<li><a href="#" class="thrColFixHdr">Wealth</a></li>
<li><a href="#" class="thrColFixHdr">Health</a></li>
<li><a href="#" class="thrColFixHdr">Happiness</a></li>
<li><a href="#" class="thrColFixHdr">Relationships</a></li>
<li><a href="#" class="thrColFixHdr">Achieved!</a></li>
<li><a href="#" class="thrColFixHdr">Videos</a></li>
<li><a href="crossword_main_page.html" class="thrColFixHdr MenuBarItemSubmenu">Puzzles</a>
<ul>
<li><a href="crossword_main_page.html">Crossword</a></li>
<li><a href="#">Jigsaw</a></li>
</ul>
</li>
<li><a href="#" class="thrColFixHdr">Fun Facts</a></li>
<li><a href="#" class="thrColFixHdr">Members</a></li>
<li><a href="about_us.html" class="thrColFixHdr">About us</a></li>
</ul>
</div>
<div id="date">Thursday, October 29, 2009 6:05 PM</div>
<div id="calendar"><!-- Start Bravenet.com Service Code -->
<div align="center">
<a href="http://pub27.bravenet.com/calendar/show.php?usernum=2253679465">
<img src="http://assets.bravenet.com/cp/calendar.gif" border="0" title="Free Calendar from Bravenet.com" alt="Free Calendar from Bravenet.com" /></a></div></div>
<div id="chat"><!-- Start Bravenet.com Service Code -->
<div align="center">
<a href="http://pub27.bravenet.com/chat/show.php?usernum=2253679465&cpv=2">
<img src="http://assets.bravenet.com/cp/chat.gif" border="0" title="Free Java Chat from Bravenet.com" alt="Free Java Chat from Bravenet.com" /></a></div>
<!-- End Bravenet.com Service Code --></div>
<!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats -->
<p> </p>
<div id="crosswordContainer">
<div id="crosswordPageHeader">Welcome to the Crossword Stress Reduction Center</div>
<div id="crosswordMenu"> </div>
<div id="crosswordSponsorAd">
<p> Brought to you with the help of Rich Company</p></div>
<!-- InstanceBeginEditable name="crosswordApplet" -->
<div id="crosswordGame">
<p><br />
</p>
<font size="2" face="Verdana,Sans-Serif" color="FFFFFF">
<p> </p>
<p> </p>
</font></div>
<!-- InstanceEndEditable -->
<div id="crosswordBottomContainer"><!-- InstanceBeginEditable name="crosswordContent" -->
<div id="crosswordBottomContents">Content for id "crosswordBottomContents" Goes Here</div>
<!-- InstanceEndEditable -->
<div id="crosswordBottomAd"><font color="FFFFFF" size="2">AVVERTISEMENT</font></div>
</div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<div id="crosswordRightCol">
<div id="crosswordTitles">
<div id="crossTitlesTopAd">ADVERTISEMENT</div>
<ul id="MenuBar2" class="MenuBarVertical">
<li><a class="MenuBarItemSubmenu" href="#">Bible</a>
<ul>
<li><a href="#">Item 1.1</a></li>
<li><a href="#">Item 1.2</a></li>
<li><a href="#">Item 1.3</a></li>
</ul>
</li>
<li><a href="#">Cities</a></li>
<li><a href="#">Countries</a></li>
<li><a href="#">Entertainment</a></li>
<li><a href="#">Jamaica</a></li>
<li><a href="#">Medicine</a></li>
<li><a href="#">Rivers</a></li>
<li><a class="MenuBarItemSubmenu" href="#">School</a>
<ul>
<li><a class="MenuBarItemSubmenu" href="#">Biology</a>
<ul>
<li><a href="#">Item 3.1.1</a></li>
<li><a href="#">Item 3.1.2</a></li>
</ul>
</li>
<li><a href="#">Chemistry</a></li>
<li><a href="#">English</a></li>
<li><a href="#">Economics</a></li>
<li><a href="#">Maths</a></li>
<li><a href="#">Spanish</a></li>
<li><a href="#">Medicine</a></li>
</ul>
</li>
<li><a href="#">Seas</a></li>
<li><a href="#">Sports</a></li>
<li><a href="#">TV Personalities</a></li>
</ul>
<div id="crosswordRightBarAd">
<p>ADVERTISEMENT</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
</div>
</div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<script type="text/javascript">
<!--
var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><br class="clearfloat" />
</p>
<div id="footer">
<p>Copyright © GreenP. All rights reserved. No reproduction of any kind without written permission</p>
<!-- end #footer --></div>
<!-- end #container --></div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
<!-- InstanceEnd --></html>
Can you explain your difficulty more clearly?
Beth
Similar Messages
-
Navigation looks find in IE & Firefox but not Safari. Help please?a
Hi,
I am fairly new to the website design world. I just created a website for a college class . I got the site to look great in Internet Explorer and FireFox but for some reason I am having a problem with Safari.
I am a mac user so I really want my site to run good in Safari. The problem lies with the navigation menu. As I said it looks good in other browsers but in Safari it appears to be longer than the rest of my page. I have tried to change everything I can thing of to get it to fit within the page. I tried specifying the #nav width, I tried changing it to auto. Before I added the scroll over drop down menu, it was fine. Any suggestions as to what might be wrong?
Side note: When I magnify the page in safari I can eventually get the navigation to fit within the page...
Take a look. http://www.calihanchiropractic.com/
I am using CS3 & CS4. Does anyone have any suggestions as to how to get this to fit within my page?
Thanks!
AubrieDo you have the QuickTime Plug-in for Safari?
http://www.apple.com/safari/download/plugins.html
Since lots of people do not have QuickTime or QT plug-ins installed on their system, you should offer direct links to MP3s, too.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com -
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
RayUhh 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. -
I am missing following tabs in my browser: File, Edit, View, History, Bookmarks, Tools, Help. I tried to reinstall Firefox, but it was not helpful. How do I get those tabs back?
For details of how to restore it, see https://support.mozilla.com/kb/menu+bar+is+missing
-
I've downloaded the newest version of softwear to my iTunes libary (iOS 10.5 i believe) iTunes store now dosn't function right and i'm not able to sync. my iPod 4G with my libary. i've tried to reinstall iTunes, but for no use. help please.
well i have to be honest, but i don't know if it the vista you use has any significance for this. but you can try.
okay follow:
1: click "start" on the status line on the buttom of your screen.
2: then click on "all Programs" and find "Accessories" and find the "command prompt"
3: Right click with your mouse "command prompt" and click on "run as administrator"
(as you has click'd on "run as administrator", "command prompt" should appear.)
4: when it appears you need to type this "netsh windsock reset"
5: wait for your computer to registrer the command you gave it, and restart your computer.
then erverything should be pretty much as good or better then new. -
My iPad 2 is updated to iOS 6. My question is, can it take panoramic pictures? I tried looking around to see if i could figure out how, but no luck. Help please.
When you look at how they distribute apps it seems that iPods/iPhones are deemed more portable, which is why they have the better camera features, stuff like weather and passbook and stocks, while Apple doesn't seem to plan for the iPad being used as peoples cameras or being carried around with them on a daily basis....and I know evidenc is to the contrary. I've seen people using their iPad as a camera in national parks and at disneyland.
-
Hi i want to upgrade my iMac from Snow Leopard 10.6.8 to OS X Mavericks or OS X Yosemite. My software update menu dosnn´t find any updates available. Help please, what can i do to upgrade to OS X Mavericks or newer version?
Open the Mac App Store and try downloading Yosemite. If you get told it's incompatible, the computer's also incompatible with Mountain Lion and Mavericks; if desired, choose About this Mac from the Apple menu, check if the computer has at least a Xeon or Core 2 Duo(not Core Duo) CPU and 2GB of RAM, and if it does, click here and order a download code for Lion 10.7.
Back up your data and check your applications for compatibility before upgrading. In particular, Mac OS X 10.7 and newer don't support PowerPC programs such as versions of Microsoft Office prior to 2008.
(123636) -
I'm sure I'm being a bit dense here but I cannot seem to transfer music of shows I have downloaded onto my iPad with my library.......it syncs app but nothing else! Help please?
Thanks for this. I also found out that all I needed to do was right click on the device and select download purchases! I new I was being dense......thanks again.
-
I'm trying to put some tunes on my daughters Ipod from my Itunes but cant copy them Help please
I'm trying to put some tunes on my daughters Ipod from my Itunes but cant copy them Help please
- For iTunes purchares:
iTunes Store: Transferring purchases from your iOS device or iPod to a computer
- For other music you need a third-party program like one of those discussed here:
newer copy -
I recently updated to ios5.0.1 and was syncing my itouch.I noticed that it was taking too long and my itouch turned off. now, i can't turn it on.went online and tried everything from the troubleshooting assistant but nothing works. HELP PLEASE!
Have yu tried everthing here:
iOS: Not responding or does not turn on
Next see if placing the iPod in DFU mode will allow iTunes to see the iPod so you can restore the iPod.
How to put iPod touch / iPhone into DFU mode « Karthik's scribblings
Last, make an appointment a the Genius Bar of an Apple stroe. -
just bought a new laptop but dont know how to transfer my itunes libary from one to the other i have signed in my my new laptop but still no music help please !!!!!!
Signing into the iTunes account has never made content magically appear... it still amazes me that people think this will actually work.
Type "move itunes library" into the search bar or your favorite search engine. You'll find multiple results for how to move the iTunes library. -
lent someone mag safe lead and now mac is powered but black screen! have reset battery and taken lead out for a few minutes and replugged but still nothing. Help please?
try pram reset
http://support.apple.com/kb/ht1379
if not try recovery mode
http://support.apple.com/kb/ht4718
read
http://www.macworld.com/article/2018853/when-good-macs-go-bad-steps-to-take-when -your-mac-wont-start-up.html -
Spry menu works in Firefox and Safari, but not Internet Explorer
I designed my school website in CS4 and CS5. The left spry menu bar appears correctly in Firefox and Safari, but in Internet Explorer the gray background and buttons do not appear. You can only see the text and when you scroll over the text, it disappears even though when you click on it, the link does appear. The website is http://ml.chinookschools.org. I created the site on a mac and I am hosting it on a mac mini server on my network at school. I am a beginner with Dreamweaver and I'm not sure if someone can help me with this, but I would sure be appreciative for any help offered. Here is the source code for the main template page:
</style>
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
</head>
<body>
<div id="wrapper">
<div id="header"><a href="../index.html"><img src="../images/header.jpg" width="950" height="121" /></a>
<div id="apDiv1"><a href="http://chinookschools.org/" target="_blank"><img src="../images/hslink.gif" width="170" height="60" /></a></div>
</div>
<div id="bodyArea">
<div id="left">
<ul id="MenuBar1" class="MenuBarVertical">
<li><a href="../calendar.html">Calendar</a> </li>
<li><a href="../contactinfo.html">Contact Information</a></li>
<li><a href="../currenthappenings.html" class="MenuBarItemSubmenu">Current Happenings</a>
<ul>
<li><a href="../harwoodhappen.html">Mr. Harwood - K</a></li>
<li><a href="../haslerhappen.html">Ms. Hasler - K</a></li>
<li><a href="../tedwardshappen.html">Mrs. T. Edwards - 1</a></li>
<li><a href="../lewishappen.html">Mrs. Lewis - 1</a></li>
<li><a href="../whitneyhappen.html">Mrs. Whitney - 2</a></li>
<li><a href="../weinheimerhappen.html">Mrs. Weinheimer - 3</a></li>
<li><a href="../cedwardshappen.html">Mrs. C. Edwards - 4</a></li>
<li><a href="../macleodhappen.html">Mrs. MacLeod - 5</a></li>
<li><a href="../mackenziehappen.html">Mrs. MacKenzie - 6</a></li>
<li><a href="../surberhappen.html">Mrs. Surber - Ex. St.</a></li>
</ul>
</li>
<li><a href="../PDFs/gifted.pdf">Gifted & Talented</a></li>
<li><a href="../libraryhappen.html">Library News</a></li>
<li><a href="../pto.html">PTO</a></li>
<li><a href="#" class="MenuBarItemSubmenu">School Information</a>
<ul>
<li><a href="../activities.html">Activities</a></li>
<li><a href="#" class="MenuBarItemSubmenu">Class Schedules</a>
<ul>
<li><a href="../harwood.html">Mr. Harwood - K</a></li>
<li><a href="../hasler.html">Ms. Hasler - K</a></li>
<li><a href="../tedwards.html">Mrs. T. Edwards - 1</a></li>
<li><a href="../Lewis.html">Mrs. Lewis - 1</a></li>
<li><a href="../whitney.html">Mrs. Whitney - 2</a></li>
<li><a href="../weinheimer.html">Mrs. Weinheimer - 3</a></li>
<li><a href="../cedwards.html">Mrs. C. Edwards - 4</a></li>
<li><a href="../macleod.html">Mrs. MacLeod - 5</a></li>
<li><a href="../mackenzie.html">Mrs. MacKenzie - 6</a></li>
</ul>
</li>
<li><a href="../edlinks.html">Educational Links</a></li>
<li><a href="../PDFs/handbook.pdf">Handbook</a></li>
<li><a href="../PDFs/newsletter.pdf">Newsletters</a></li>
<li><a href="../schoolforms.html">School Forms</a></li>
<li><a href="../studyhall.html">Study Hall</a></li>
</ul>
</li>
<li><a href="../staff.html">Staff</a> </li>
<li><a href="../index.html" class="MenuBarVertical">Home</a></li>
</ul>
</div>
<div id="right"><!-- TemplateBeginEditable name="Editable Area" -->
<!-- TemplateEndEditable --></div>
<div id="footer">
<div align="center"></div>
<div align="center"></div>
</div>
</div>
</div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>You are not using the latest Spry files
The latest version of the Adobe Spry Framework is 1.6.1, this is the same version that ships with Dreamweaver CS4. If you use Dreamweaver CS3 (uses Spry 1.4), its wise to upgrade your files to the latest version. This can easily be done using the Spry Updater that can be found here.
Then, if you have a look near the bottom of SpryMenuBarVertical.css you will see that the white background colour has been specified for IE as in
@media screen, projection
ul.MenuBarVertical li.MenuBarItemIE
display: inline;
f\loat: left;
background: #FFF;
Change the value to #CCC and it will have fixed that part of the problem.
When you upgrade to the later version of Spry, make sure to keep a copy of the CSS file as a reference to modifying the new CSS file.
Gramps -
How to fix Spry Menu bar and Firefox with a Mac
The spry menu bar does not properly display in Firefox (Version11&12) on a mac. Have looked at a number of different ways to fix this. Included is a copy of css for menu bar. Would appreciate any suggestions.
/* 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: auto;
/* 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: 11em;
float: left;
/* 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: 11em;
left: -1000em;
position: relative;
/* 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: 11em;
float: none;
/* 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
/* [disabled]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: #FFFFCC;
padding: 0.5em 0.75em;
color: #4F8627;
text-decoration: none;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
background-color: #FFFFCC;
color: #4F8627;
/* 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: #FFFFCC;
color: #4F8627;
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: 95% 50%;
/* 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%;
/* 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%;
/* 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%;
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;Change
ul.MenuBarHorizontal ul
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
width: 11em;
left: -1000em;
position: relative;
to
ul.MenuBarHorizontal ul
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
width: 11em;
left: -1000em;
position: absolute;
Gramps -
Vertical Spry menu works in IE7 but not Safari
My vertical SPRY menu works well in various versions of IE
but when I preview in Safari it has an odd way of creating the
sub-menu. Here is the visual:
http://www.ornh.mb.ca/index_test.html
Any suggestions? DawnFirst thing is first. Your spry code is out of date. You are
running version 1.4 and the latest is 1.6.1. Go to the page below
and run the Spry Updater package:
http://labs.adobe.com/technologies/spry/home.html
Maybe you are looking for
-
I use aperature 3. For the past 2 days, I have been unable to open the aperature application. The icon does not even bounce in the dock. I keep my aperature library on a 2 tb external hard drive. I have never had this problem. Any thoughts? Than
-
[xorg7] international keyboard issues [SOLVED]
note that i've read the wiki as well as most of the related posts here in the bbs thereafter i edited :etc:x11:xorg;conf (sorry, keyboard is lost) got xf86-input-keyboard and xf86-input-mouse and xf86-video-nv installed, as well as xorg-fonts-100dpi;
-
Hi, The executeThreadCount property in 4.5.1 used to be set with respect to the no of database connections. Now in 5.1 it is set wrt to the no of processors. In the 'Performance tuning your JDBC App" document, it states that the ExecuteThreads => Use
-
Naming Conventions Document on PCUI
Hello Friends, Can anyone of you, please forward me a document on <b>Naming Conventions in PCUI</b>?? Your help on this front would be highly appreciated. Please respond to [email protected] (my alternate id)as well Regards, Praveen
-
Unable to workplace join IOS - Windows 8.1 ok
I have 2012R2 up and WAP/ADFS all working nice, I can WPJ my 8.1 client no problem, but any IOS device just wont install the profile saying unable to connect to server, here are the logs from the device. All URLS are reachable fine from the devices,