Auf Thema antworten 2026

Beitrag

<blockquote data-quote="Jimbim" data-source="post: 1350250" data-attributes="member: 241774">Hi!Im Dreamweaver hab ich mir ein Spry-Menü erstellt. Jetzt würde ich gerne die Effekte abändern. Ich geh mal davon aus, dass dafür js-Kenntnisse benötige, die bei mir nicht vorhanden sind.Für eure Hilfe wäre ich sehr dankbar.Hier der JavaScript-Code:[CODE]var Spry; if (!Spry) Spry = {}; if (!Spry.Widget) Spry.Widget = {};Spry.BrowserSniff = function(){&nbsp; &nbsp; var b = navigator.appName.toString();&nbsp; &nbsp; var up = navigator.platform.toString();&nbsp; &nbsp; var ua = navigator.userAgent.toString();&nbsp; &nbsp; this.mozilla = this.ie = this.opera = this.safari = false;&nbsp; &nbsp; var re_opera = /Opera.([0-9\.]*)/i;&nbsp; &nbsp; var re_msie = /MSIE.([0-9\.]*)/i;&nbsp; &nbsp; var re_gecko = /gecko/i;&nbsp; &nbsp; var re_safari = /(applewebkit|safari)\/([\d\.]*)/i;&nbsp; &nbsp; var r = false;&nbsp; &nbsp; if ( (r = ua.match(re_opera))) {&nbsp; &nbsp; &nbsp; &nbsp; this.opera = true;&nbsp; &nbsp; &nbsp; &nbsp; this.version = parseFloat(r[1]);&nbsp; &nbsp; } else if ( (r = ua.match(re_msie))) {&nbsp; &nbsp; &nbsp; &nbsp; this.ie = true;&nbsp; &nbsp; &nbsp; &nbsp; this.version = parseFloat(r[1]);&nbsp; &nbsp; } else if ( (r = ua.match(re_safari))) {&nbsp; &nbsp; &nbsp; &nbsp; this.safari = true;&nbsp; &nbsp; &nbsp; &nbsp; this.version = parseFloat(r[2]);&nbsp; &nbsp; } else if (ua.match(re_gecko)) {&nbsp; &nbsp; &nbsp; &nbsp; var re_gecko_version = /rv:\s*([0-9\.]+)/i;&nbsp; &nbsp; &nbsp; &nbsp; r = ua.match(re_gecko_version);&nbsp; &nbsp; &nbsp; &nbsp; this.mozilla = true;&nbsp; &nbsp; &nbsp; &nbsp; this.version = parseFloat(r[1]);&nbsp; &nbsp; }&nbsp; &nbsp; this.windows = this.mac = this.linux = false;&nbsp; &nbsp; this.Platform = ua.match(/windows/i) ? &quot;windows&quot; :&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; (ua.match(/linux/i) ? &quot;linux&quot; :&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; (ua.match(/mac/i) ? &quot;mac&quot; :&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ua.match(/unix/i)? &quot;unix&quot; : &quot;unknown&quot;));&nbsp; &nbsp; this[this.Platform] = true;&nbsp; &nbsp; this.v = this.version;&nbsp; &nbsp; if (this.safari &amp;&amp; this.mac &amp;&amp; this.mozilla) {&nbsp; &nbsp; &nbsp; &nbsp; this.mozilla = false;&nbsp; &nbsp; }};Spry.is = new Spry.BrowserSniff();// Constructor for Menu Bar// element should be an ID of an unordered list (&lt;ul&gt; tag)// preloadImage1 and preloadImage2 are images for the rollover state of a menuSpry.Widget.MenuBar = function(element, opts){&nbsp; &nbsp; this.init(element, opts);};Spry.Widget.MenuBar.prototype.init = function(element, opts){&nbsp; &nbsp; this.element = this.getElement(element);&nbsp; &nbsp; // represents the current (sub)menu we are operating on&nbsp; &nbsp; this.currMenu = null;&nbsp; &nbsp; this.showDelay = 250;&nbsp; &nbsp; this.hideDelay = 600;&nbsp; &nbsp; if(typeof document.getElementById == &#039;undefined&#039; || (navigator.vendor == &#039;Apple Computer, Inc.&#039; &amp;&amp; typeof window.XMLHttpRequest == &#039;undefined&#039;) || (Spry.is.ie &amp;&amp; typeof document.uniqueID == &#039;undefined&#039;))&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; // bail on older unsupported browsers&nbsp; &nbsp; &nbsp; &nbsp; return;&nbsp; &nbsp; }&nbsp; &nbsp; // Fix IE6 CSS images flicker&nbsp; &nbsp; if (Spry.is.ie &amp;&amp; Spry.is.version &lt; 7){&nbsp; &nbsp; &nbsp; &nbsp; try {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; document.execCommand(&quot;BackgroundImageCache&quot;, false, true);&nbsp; &nbsp; &nbsp; &nbsp; } catch(err) {}&nbsp; &nbsp; }&nbsp; &nbsp; this.upKeyCode = Spry.Widget.MenuBar.KEY_UP;&nbsp; &nbsp; this.downKeyCode = Spry.Widget.MenuBar.KEY_DOWN;&nbsp; &nbsp; this.leftKeyCode = Spry.Widget.MenuBar.KEY_LEFT;&nbsp; &nbsp; this.rightKeyCode = Spry.Widget.MenuBar.KEY_RIGHT;&nbsp; &nbsp; this.escKeyCode = Spry.Widget.MenuBar.KEY_ESC;&nbsp; &nbsp; this.hoverClass = &#039;MenuBarItemHover&#039;;&nbsp; &nbsp; this.subHoverClass = &#039;MenuBarItemSubmenuHover&#039;;&nbsp; &nbsp; this.subVisibleClass =&#039;MenuBarSubmenuVisible&#039;;&nbsp; &nbsp; this.hasSubClass = &#039;MenuBarItemSubmenu&#039;;&nbsp; &nbsp; this.activeClass = &#039;MenuBarActive&#039;;&nbsp; &nbsp; this.isieClass = &#039;MenuBarItemIE&#039;;&nbsp; &nbsp; this.verticalClass = &#039;MenuBarVertical&#039;;&nbsp; &nbsp; this.horizontalClass = &#039;MenuBarHorizontal&#039;;&nbsp; &nbsp; this.enableKeyboardNavigation = true;&nbsp; &nbsp; this.hasFocus = false;&nbsp; &nbsp; // load hover images now&nbsp; &nbsp; if(opts)&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; for(var k in opts)&nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (typeof this[k] == &#039;undefined&#039;)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var rollover = new Image;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; rollover.src = opts[k];&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; Spry.Widget.MenuBar.setOptions(this, opts);&nbsp; &nbsp; }&nbsp; &nbsp; // safari doesn&#039;t support tabindex&nbsp; &nbsp; if (Spry.is.safari)&nbsp; &nbsp; &nbsp; &nbsp; this.enableKeyboardNavigation = false;&nbsp; &nbsp; if(this.element)&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; this.currMenu = this.element;&nbsp; &nbsp; &nbsp; &nbsp; var items = this.element.getElementsByTagName(&#039;li&#039;);&nbsp; &nbsp; &nbsp; &nbsp; for(var i=0; i&lt;items.length; i++)&nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (i &gt; 0 &amp;&amp; this.enableKeyboardNavigation)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; items[i].getElementsByTagName(&#039;a&#039;)[0].tabIndex=&#039;-1&#039;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; this.initialize(items[i], element);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if(Spry.is.ie)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; this.addClassName(items[i], this.isieClass);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; items[i].style.position = &quot;static&quot;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; if (this.enableKeyboardNavigation)&nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var self = this;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; this.addEventListener(document, &#039;keydown&#039;, function(e){self.keyDown(e); }, false);&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; if(Spry.is.ie)&nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if(this.hasClassName(this.element, this.verticalClass))&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; this.element.style.position = &quot;relative&quot;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var linkitems = this.element.getElementsByTagName(&#039;a&#039;);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; for(var i=0; i&lt;linkitems.length; i++)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; linkitems[i].style.position = &quot;relative&quot;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }};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){&nbsp; &nbsp; if (ele &amp;&amp; typeof ele == &quot;string&quot;)&nbsp; &nbsp; &nbsp; &nbsp; return document.getElementById(ele);&nbsp; &nbsp; return ele;};Spry.Widget.MenuBar.prototype.hasClassName = function(ele, className){&nbsp; &nbsp; if (!ele || !className || !ele.className || ele.className.search(new RegExp(&quot;\\b&quot; + className + &quot;\\b&quot;)) == -1)&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; return false;&nbsp; &nbsp; }&nbsp; &nbsp; return true;};Spry.Widget.MenuBar.prototype.addClassName = function(ele, className){&nbsp; &nbsp; if (!ele || !className || this.hasClassName(ele, className))&nbsp; &nbsp; &nbsp; &nbsp; return;&nbsp; &nbsp; ele.className += (ele.className ? &quot; &quot; : &quot;&quot;) + className;};Spry.Widget.MenuBar.prototype.removeClassName = function(ele, className){&nbsp; &nbsp; if (!ele || !className || !this.hasClassName(ele, className))&nbsp; &nbsp; &nbsp; &nbsp; return;&nbsp; &nbsp; ele.className = ele.className.replace(new RegExp(&quot;\\s*\\b&quot; + className + &quot;\\b&quot;, &quot;g&quot;), &quot;&quot;);};// addEventListener for Menu Bar// attach an event to a tag without creating obtrusive HTML codeSpry.Widget.MenuBar.prototype.addEventListener = function(element, eventType, handler, capture){&nbsp; &nbsp; try&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; if (element.addEventListener)&nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; element.addEventListener(eventType, handler, capture);&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; else if (element.attachEvent)&nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; element.attachEvent(&#039;on&#039; + eventType, handler);&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }&nbsp; &nbsp; catch (e) {}};// createIframeLayer for Menu Bar// creates an IFRAME underneath a menu so that it will show above form controls and ActiveXSpry.Widget.MenuBar.prototype.createIframeLayer = function(menu){&nbsp; &nbsp; var layer = document.createElement(&#039;iframe&#039;);&nbsp; &nbsp; layer.tabIndex = &#039;-1&#039;;&nbsp; &nbsp; layer.src = &#039;javascript:&quot;&quot;&#039;;&nbsp; &nbsp; layer.frameBorder = &#039;0&#039;;&nbsp; &nbsp; layer.scrolling = &#039;no&#039;;&nbsp; &nbsp; menu.parentNode.appendChild(layer);&nbsp; &nbsp; &nbsp; &nbsp; layer.style.left = menu.offsetLeft + &#039;px&#039;;&nbsp; &nbsp; layer.style.top = menu.offsetTop + &#039;px&#039;;&nbsp; &nbsp; layer.style.width = menu.offsetWidth + &#039;px&#039;;&nbsp; &nbsp; layer.style.height = menu.offsetHeight + &#039;px&#039;;};// removeIframeLayer for Menu Bar// removes an IFRAME underneath a menu to reveal any form controls and ActiveXSpry.Widget.MenuBar.prototype.removeIframeLayer =&nbsp; function(menu){&nbsp; &nbsp; var layers = ((menu == this.element) ? menu : menu.parentNode).getElementsByTagName(&#039;iframe&#039;);&nbsp; &nbsp; while(layers.length &gt; 0)&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; layers[0].parentNode.removeChild(layers[0]);&nbsp; &nbsp; }};// clearMenus for Menu Bar// root is the top level unordered list (&lt;ul&gt; tag)Spry.Widget.MenuBar.prototype.clearMenus = function(root){&nbsp; &nbsp; var menus = root.getElementsByTagName(&#039;ul&#039;);&nbsp; &nbsp; for(var i=0; i&lt;menus.length; i++)&nbsp; &nbsp; &nbsp; &nbsp; this.hideSubmenu(menus[i]);&nbsp; &nbsp; this.removeClassName(this.element, this.activeClass);};// bubbledTextEvent for Menu Bar// identify bubbled up text events in Safari so we can ignore themSpry.Widget.MenuBar.prototype.bubbledTextEvent = function(){&nbsp; &nbsp; return Spry.is.safari &amp;&amp; (event.target == event.relatedTarget.parentNode || (event.eventPhase == 3 &amp;&amp; event.target.parentNode == event.relatedTarget));};// showSubmenu for Menu Bar// set the proper CSS class on this menu to show itSpry.Widget.MenuBar.prototype.showSubmenu = function(menu){&nbsp; &nbsp; if(this.currMenu)&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; this.clearMenus(this.currMenu);&nbsp; &nbsp; &nbsp; &nbsp; this.currMenu = null;&nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; if(menu)&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; this.addClassName(menu, this.subVisibleClass);&nbsp; &nbsp; &nbsp; &nbsp; if(typeof document.all != &#039;undefined&#039; &amp;&amp; !Spry.is.opera &amp;&amp; navigator.vendor != &#039;KDE&#039;)&nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if(!this.hasClassName(this.element, this.horizontalClass) || menu.parentNode.parentNode != this.element)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; menu.style.top = menu.parentNode.offsetTop + &#039;px&#039;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; if(Spry.is.ie &amp;&amp; Spry.is.version &lt; 7)&nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; this.createIframeLayer(menu);&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }&nbsp; &nbsp; this.addClassName(this.element, this.activeClass);};// hideSubmenu for Menu Bar// remove the proper CSS class on this menu to hide itSpry.Widget.MenuBar.prototype.hideSubmenu = function(menu){&nbsp; &nbsp; if(menu)&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; this.removeClassName(menu, this.subVisibleClass);&nbsp; &nbsp; &nbsp; &nbsp; if(typeof document.all != &#039;undefined&#039; &amp;&amp; !Spry.is.opera &amp;&amp; navigator.vendor != &#039;KDE&#039;)&nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; menu.style.top = &#039;&#039;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; menu.style.left = &#039;&#039;;&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; if(Spry.is.ie &amp;&amp; Spry.is.version &lt; 7)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; this.removeIframeLayer(menu);&nbsp; &nbsp; }};// initialize for Menu Bar// create event listeners for the Menu Bar widget so we can properly// show and hide submenusSpry.Widget.MenuBar.prototype.initialize = function(listitem, element){&nbsp; &nbsp; var opentime, closetime;&nbsp; &nbsp; var link = listitem.getElementsByTagName(&#039;a&#039;)[0];&nbsp; &nbsp; var submenus = listitem.getElementsByTagName(&#039;ul&#039;);&nbsp; &nbsp; var menu = (submenus.length &gt; 0 ? submenus[0] : null);&nbsp; &nbsp; if(menu)&nbsp; &nbsp; &nbsp; &nbsp; this.addClassName(link, this.hasSubClass);&nbsp; &nbsp; if(!Spry.is.ie)&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; // define a simple function that comes standard in IE to determine&nbsp; &nbsp; &nbsp; &nbsp; // if a node is within another node&nbsp; &nbsp; &nbsp; &nbsp; listitem.contains = function(testNode)&nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // this refers to the list item&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if(testNode == null)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; return false;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if(testNode == this)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; return true;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; else&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; return this.contains(testNode.parentNode);&nbsp; &nbsp; &nbsp; &nbsp; };&nbsp; &nbsp; }&nbsp; &nbsp; // need to save this for scope further down&nbsp; &nbsp; var self = this;&nbsp; &nbsp; this.addEventListener(listitem, &#039;mouseover&#039;, function(e){self.mouseOver(listitem, e);}, false);&nbsp; &nbsp; this.addEventListener(listitem, &#039;mouseout&#039;, function(e){if (self.enableKeyboardNavigation) self.clearSelection(); self.mouseOut(listitem, e);}, false);&nbsp; &nbsp; if (this.enableKeyboardNavigation)&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; this.addEventListener(link, &#039;blur&#039;, function(e){self.onBlur(listitem);}, false);&nbsp; &nbsp; &nbsp; &nbsp; this.addEventListener(link, &#039;focus&#039;, function(e){self.keyFocus(listitem, e);}, false);&nbsp; &nbsp; }};Spry.Widget.MenuBar.prototype.keyFocus = function (listitem, e){&nbsp; &nbsp; this.lastOpen = listitem.getElementsByTagName(&#039;a&#039;)[0];&nbsp; &nbsp; this.addClassName(this.lastOpen, listitem.getElementsByTagName(&#039;ul&#039;).length &gt; 0 ? this.subHoverClass : this.hoverClass);&nbsp; &nbsp; this.hasFocus = true;};Spry.Widget.MenuBar.prototype.onBlur = function (listitem){&nbsp; &nbsp; this.clearSelection(listitem);};Spry.Widget.MenuBar.prototype.clearSelection = function(el){&nbsp; &nbsp; //search any intersection with the current open element&nbsp; &nbsp; if (!this.lastOpen)&nbsp; &nbsp; &nbsp; &nbsp; return;&nbsp; &nbsp; if (el)&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; el = el.getElementsByTagName(&#039;a&#039;)[0];&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // check children&nbsp; &nbsp; &nbsp; &nbsp; var item = this.lastOpen;&nbsp; &nbsp; &nbsp; &nbsp; while (item != this.element)&nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var tmp = el;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; while (tmp != this.element)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (tmp == item)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; return;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; try{&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; tmp = tmp.parentNode;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }catch(err){break;}&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; item = item.parentNode;&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }&nbsp; &nbsp; var item = this.lastOpen;&nbsp; &nbsp; while (item != this.element)&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; this.hideSubmenu(item.parentNode);&nbsp; &nbsp; &nbsp; &nbsp; var link = item.getElementsByTagName(&#039;a&#039;)[0];&nbsp; &nbsp; &nbsp; &nbsp; this.removeClassName(link, this.hoverClass);&nbsp; &nbsp; &nbsp; &nbsp; this.removeClassName(link, this.subHoverClass);&nbsp; &nbsp; &nbsp; &nbsp; item = item.parentNode;&nbsp; &nbsp; }&nbsp; &nbsp; this.lastOpen = false;};Spry.Widget.MenuBar.prototype.keyDown = function (e){&nbsp; &nbsp; if (!this.hasFocus)&nbsp; &nbsp; &nbsp; &nbsp; return;&nbsp; &nbsp; if (!this.lastOpen)&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; this.hasFocus = false;&nbsp; &nbsp; &nbsp; &nbsp; return;&nbsp; &nbsp; }&nbsp; &nbsp; var e = e|| event;&nbsp; &nbsp; var listitem = this.lastOpen.parentNode;&nbsp; &nbsp; var link = this.lastOpen;&nbsp; &nbsp; var submenus = listitem.getElementsByTagName(&#039;ul&#039;);&nbsp; &nbsp; var menu = (submenus.length &gt; 0 ? submenus[0] : null);&nbsp; &nbsp; var hasSubMenu = (menu) ? true : false;&nbsp; &nbsp; var opts = [listitem, menu, null, this.getSibling(listitem, &#039;previousSibling&#039;), this.getSibling(listitem, &#039;nextSibling&#039;)];&nbsp; &nbsp; &nbsp; &nbsp; if (!opts[3])&nbsp; &nbsp; &nbsp; &nbsp; opts[2] = (listitem.parentNode.parentNode.nodeName.toLowerCase() == &#039;li&#039;)?listitem.parentNode.parentNode:null;&nbsp; &nbsp; var found = 0;&nbsp; &nbsp; switch (e.keyCode){&nbsp; &nbsp; &nbsp; &nbsp; case this.upKeyCode:&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; found = this.getElementForKey(opts, &#039;y&#039;, 1);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; break;&nbsp; &nbsp; &nbsp; &nbsp; case this.downKeyCode:&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; found = this.getElementForKey(opts, &#039;y&#039;, -1);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; break;&nbsp; &nbsp; &nbsp; &nbsp; case this.leftKeyCode:&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; found = this.getElementForKey(opts, &#039;x&#039;, 1);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; break;&nbsp; &nbsp; &nbsp; &nbsp; case this.rightKeyCode:&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; found = this.getElementForKey(opts, &#039;x&#039;, -1);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; break;&nbsp; &nbsp; &nbsp; &nbsp; case this.escKeyCode:&nbsp; &nbsp; &nbsp; &nbsp; case 9:&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; this.clearSelection();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; this.hasFocus = false;&nbsp; &nbsp; &nbsp; &nbsp; default: return;&nbsp; &nbsp; }&nbsp; &nbsp; switch (found)&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; case 0: return;&nbsp; &nbsp; &nbsp; &nbsp; case 1:&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //subopts&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; this.mouseOver(listitem, e);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; break;&nbsp; &nbsp; &nbsp; &nbsp; case 2:&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //parent&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; this.mouseOut(opts[2], e);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; break;&nbsp; &nbsp; &nbsp; &nbsp; case 3:&nbsp; &nbsp; &nbsp; &nbsp; case 4:&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // left - right&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; this.removeClassName(link, hasSubMenu ? this.subHoverClass : this.hoverClass);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; break;&nbsp; &nbsp; }&nbsp; &nbsp; var link = opts[found].getElementsByTagName(&#039;a&#039;)[0];&nbsp; &nbsp; if (opts[found].nodeName.toLowerCase() == &#039;ul&#039;)&nbsp; &nbsp; &nbsp; &nbsp; opts[found] = opts[found].getElementsByTagName(&#039;li&#039;)[0];&nbsp; &nbsp; this.addClassName(link, opts[found].getElementsByTagName(&#039;ul&#039;).length &gt; 0 ? this.subHoverClass : this.hoverClass);&nbsp; &nbsp; this.lastOpen = link;&nbsp; &nbsp; opts[found].getElementsByTagName(&#039;a&#039;)[0].focus();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //stop further event handling by the browser&nbsp; &nbsp; return Spry.Widget.MenuBar.stopPropagation(e);};Spry.Widget.MenuBar.prototype.mouseOver = function (listitem, e){&nbsp; &nbsp; var link = listitem.getElementsByTagName(&#039;a&#039;)[0];&nbsp; &nbsp; var submenus = listitem.getElementsByTagName(&#039;ul&#039;);&nbsp; &nbsp; var menu = (submenus.length &gt; 0 ? submenus[0] : null);&nbsp; &nbsp; var hasSubMenu = (menu) ? true : false;&nbsp; &nbsp; if (this.enableKeyboardNavigation)&nbsp; &nbsp; &nbsp; &nbsp; this.clearSelection(listitem);&nbsp; &nbsp; if(this.bubbledTextEvent())&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; // ignore bubbled text events&nbsp; &nbsp; &nbsp; &nbsp; return;&nbsp; &nbsp; }&nbsp; &nbsp; if (listitem.closetime)&nbsp; &nbsp; &nbsp; &nbsp; clearTimeout(listitem.closetime);&nbsp; &nbsp; if(this.currMenu == listitem)&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; this.currMenu = null;&nbsp; &nbsp; }&nbsp; &nbsp; // move the focus too&nbsp; &nbsp; if (this.hasFocus)&nbsp; &nbsp; &nbsp; &nbsp; link.focus();&nbsp; &nbsp; // show menu highlighting&nbsp; &nbsp; this.addClassName(link, hasSubMenu ? this.subHoverClass : this.hoverClass);&nbsp; &nbsp; this.lastOpen = link;&nbsp; &nbsp; if(menu &amp;&amp; !this.hasClassName(menu, this.subHoverClass))&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; var self = this;&nbsp; &nbsp; &nbsp; &nbsp; listitem.opentime = window.setTimeout(function(){self.showSubmenu(menu);}, this.showDelay);&nbsp; &nbsp; }};Spry.Widget.MenuBar.prototype.mouseOut = function (listitem, e){&nbsp; &nbsp; var link = listitem.getElementsByTagName(&#039;a&#039;)[0];&nbsp; &nbsp; var submenus = listitem.getElementsByTagName(&#039;ul&#039;);&nbsp; &nbsp; var menu = (submenus.length &gt; 0 ? submenus[0] : null);&nbsp; &nbsp; var hasSubMenu = (menu) ? true : false;&nbsp; &nbsp; if(this.bubbledTextEvent())&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; // ignore bubbled text events&nbsp; &nbsp; &nbsp; &nbsp; return;&nbsp; &nbsp; }&nbsp; &nbsp; var related = (typeof e.relatedTarget != &#039;undefined&#039; ? e.relatedTarget : e.toElement);&nbsp; &nbsp; if(!listitem.contains(related))&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; if (listitem.opentime) &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; clearTimeout(listitem.opentime);&nbsp; &nbsp; &nbsp; &nbsp; this.currMenu = listitem;&nbsp; &nbsp; &nbsp; &nbsp; // remove menu highlighting&nbsp; &nbsp; &nbsp; &nbsp; this.removeClassName(link, hasSubMenu ? this.subHoverClass : this.hoverClass);&nbsp; &nbsp; &nbsp; &nbsp; if(menu)&nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var self = this;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; listitem.closetime = window.setTimeout(function(){self.hideSubmenu(menu);}, this.hideDelay);&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; if (this.hasFocus)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; link.blur();&nbsp; &nbsp; }};Spry.Widget.MenuBar.prototype.getSibling = function(element, sibling){&nbsp; &nbsp; var child = element[sibling];&nbsp; &nbsp; while (child &amp;&amp; child.nodeName.toLowerCase() !=&#039;li&#039;)&nbsp; &nbsp; &nbsp; &nbsp; child = child[sibling];&nbsp; &nbsp; return child;};Spry.Widget.MenuBar.prototype.getElementForKey = function(els, prop, dir){&nbsp; &nbsp; var found = 0;&nbsp; &nbsp; var rect = Spry.Widget.MenuBar.getPosition;&nbsp; &nbsp; var ref = rect(els[found]);&nbsp; &nbsp; var hideSubmenu = false;&nbsp; &nbsp; //make the subelement visible to compute the position&nbsp; &nbsp; if (els[1] &amp;&amp; !this.hasClassName(els[1], this.MenuBarSubmenuVisible))&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; els[1].style.visibility = &#039;hidden&#039;;&nbsp; &nbsp; &nbsp; &nbsp; this.showSubmenu(els[1]);&nbsp; &nbsp; &nbsp; &nbsp; hideSubmenu = true;&nbsp; &nbsp; }&nbsp; &nbsp; var isVert = this.hasClassName(this.element, this.verticalClass);&nbsp; &nbsp; var hasParent = els[0].parentNode.parentNode.nodeName.toLowerCase() == &#039;li&#039; ? true : false;&nbsp; &nbsp; &nbsp; &nbsp; for (var i = 1; i &lt; els.length; i++){&nbsp; &nbsp; &nbsp; &nbsp; //when navigating on the y axis in vertical menus, ignore children and parents&nbsp; &nbsp; &nbsp; &nbsp; if(prop==&#039;y&#039; &amp;&amp; isVert &amp;&amp; (i==1 || i==2))&nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; continue;&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; //when navigationg on the x axis in the FIRST LEVEL of horizontal menus, ignore children and parents&nbsp; &nbsp; &nbsp; &nbsp; if(prop==&#039;x&#039; &amp;&amp; !isVert &amp;&amp; !hasParent &amp;&amp; (i==1 || i==2))&nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; continue;&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (els[i])&nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var tmp = rect(els[i]); &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if ( (dir * tmp[prop]) &lt; (dir * ref[prop]))&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ref = tmp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; found = i;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; // hide back the submenu&nbsp; &nbsp; if (els[1] &amp;&amp; hideSubmenu){&nbsp; &nbsp; &nbsp; &nbsp; this.hideSubmenu(els[1]);&nbsp; &nbsp; &nbsp; &nbsp; els[1].style.visibility =&nbsp; &#039;&#039;;&nbsp; &nbsp; }&nbsp; &nbsp; return found;};Spry.Widget.MenuBar.camelize = function(str){&nbsp; &nbsp; if (str.indexOf(&#039;-&#039;) == -1){&nbsp; &nbsp; &nbsp; &nbsp; return str;&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; var oStringList = str.split(&#039;-&#039;);&nbsp; &nbsp; var isFirstEntry = true;&nbsp; &nbsp; var camelizedString = &#039;&#039;;&nbsp; &nbsp; for(var i=0; i &lt; oStringList.length; i++)&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; if(oStringList[i].length&gt;0)&nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if(isFirstEntry)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; camelizedString = oStringList[i];&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; isFirstEntry = false;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; else&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var s = oStringList[i];&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; camelizedString += s.charAt(0).toUpperCase() + s.substring(1);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }&nbsp; &nbsp; return camelizedString;};Spry.Widget.MenuBar.getStyleProp = function(element, prop){&nbsp; &nbsp; var value;&nbsp; &nbsp; try&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; if (element.style)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; value = element.style[Spry.Widget.MenuBar.camelize(prop)];&nbsp; &nbsp; &nbsp; &nbsp; if (!value)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (document.defaultView &amp;&amp; document.defaultView.getComputedStyle)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var css = document.defaultView.getComputedStyle(element, null);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; value = css ? css.getPropertyValue(prop) : null;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; else if (element.currentStyle) &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; value = element.currentStyle[Spry.Widget.MenuBar.camelize(prop)];&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }&nbsp; &nbsp; catch (e) {}&nbsp; &nbsp; return value == &#039;auto&#039; ? null : value;};Spry.Widget.MenuBar.getIntProp = function(element, prop){&nbsp; &nbsp; var a = parseInt(Spry.Widget.MenuBar.getStyleProp(element, prop),10);&nbsp; &nbsp; if (isNaN(a))&nbsp; &nbsp; &nbsp; &nbsp; return 0;&nbsp; &nbsp; return a;};Spry.Widget.MenuBar.getPosition = function(el, doc){&nbsp; &nbsp; doc = doc || document;&nbsp; &nbsp; if (typeof(el) == &#039;string&#039;) {&nbsp; &nbsp; &nbsp; &nbsp; el = doc.getElementById(el);&nbsp; &nbsp; }&nbsp; &nbsp; if (!el) {&nbsp; &nbsp; &nbsp; &nbsp; return false;&nbsp; &nbsp; }&nbsp; &nbsp; if (el.parentNode === null || Spry.Widget.MenuBar.getStyleProp(el, &#039;display&#039;) == &#039;none&#039;) {&nbsp; &nbsp; &nbsp; &nbsp; //element must be visible to have a box&nbsp; &nbsp; &nbsp; &nbsp; return false;&nbsp; &nbsp; }&nbsp; &nbsp; var ret = {x:0, y:0};&nbsp; &nbsp; var parent = null;&nbsp; &nbsp; var box;&nbsp; &nbsp; if (el.getBoundingClientRect) { // IE&nbsp; &nbsp; &nbsp; &nbsp; box = el.getBoundingClientRect();&nbsp; &nbsp; &nbsp; &nbsp; var scrollTop = doc.documentElement.scrollTop || doc.body.scrollTop;&nbsp; &nbsp; &nbsp; &nbsp; var scrollLeft = doc.documentElement.scrollLeft || doc.body.scrollLeft;&nbsp; &nbsp; &nbsp; &nbsp; ret.x = box.left + scrollLeft;&nbsp; &nbsp; &nbsp; &nbsp; ret.y = box.top + scrollTop;&nbsp; &nbsp; } else if (doc.getBoxObjectFor) { // gecko&nbsp; &nbsp; &nbsp; &nbsp; box = doc.getBoxObjectFor(el);&nbsp; &nbsp; &nbsp; &nbsp; ret.x = box.x;&nbsp; &nbsp; &nbsp; &nbsp; ret.y = box.y;&nbsp; &nbsp; } else { // safari/opera&nbsp; &nbsp; &nbsp; &nbsp; ret.x = el.offsetLeft;&nbsp; &nbsp; &nbsp; &nbsp; ret.y = el.offsetTop;&nbsp; &nbsp; &nbsp; &nbsp; parent = el.offsetParent;&nbsp; &nbsp; &nbsp; &nbsp; if (parent != el) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; while (parent) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ret.x += parent.offsetLeft;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ret.y += parent.offsetTop;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; parent = parent.offsetParent;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; // opera &amp; (safari absolute) incorrectly account for body offsetTop&nbsp; &nbsp; &nbsp; &nbsp; if (Spry.is.opera || Spry.is.safari &amp;&amp; Spry.Widget.MenuBar.getStyleProp(el, &#039;position&#039;) == &#039;absolute&#039;)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ret.y -= doc.body.offsetTop;&nbsp; &nbsp; }&nbsp; &nbsp; if (el.parentNode)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; parent = el.parentNode;&nbsp; &nbsp; else&nbsp; &nbsp; &nbsp; &nbsp; parent = null;&nbsp; &nbsp; if (parent.nodeName){&nbsp; &nbsp; &nbsp; &nbsp; var cas = parent.nodeName.toUpperCase();&nbsp; &nbsp; &nbsp; &nbsp; while (parent &amp;&amp; cas != &#039;BODY&#039; &amp;&amp; cas != &#039;HTML&#039;) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; cas = parent.nodeName.toUpperCase();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ret.x -= parent.scrollLeft;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ret.y -= parent.scrollTop;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (parent.parentNode)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; parent = parent.parentNode;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; else&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; parent = null;&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }&nbsp; &nbsp; return ret;};Spry.Widget.MenuBar.stopPropagation = function(ev){&nbsp; &nbsp; if (ev.stopPropagation)&nbsp; &nbsp; &nbsp; &nbsp; ev.stopPropagation();&nbsp; &nbsp; else&nbsp; &nbsp; &nbsp; &nbsp; ev.cancelBubble = true;&nbsp; &nbsp; if (ev.preventDefault) &nbsp; &nbsp; &nbsp; &nbsp; ev.preventDefault();&nbsp; &nbsp; else &nbsp; &nbsp; &nbsp; &nbsp; ev.returnValue = false;};Spry.Widget.MenuBar.setOptions = function(obj, optionsObj, ignoreUndefinedProps){&nbsp; &nbsp; if (!optionsObj)&nbsp; &nbsp; &nbsp; &nbsp; return;&nbsp; &nbsp; for (var optionName in optionsObj)&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; if (ignoreUndefinedProps &amp;&amp; optionsObj[optionName] == undefined)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; continue;&nbsp; &nbsp; &nbsp; &nbsp; obj[optionName] = optionsObj[optionName];&nbsp; &nbsp; }};[/CODE]</blockquote>

[QUOTE="Jimbim, post: 1350250, member: 241774"] Hi! Im Dreamweaver hab ich mir ein Spry-Menü erstellt. Jetzt würde ich gerne die Effekte abändern. Ich geh mal davon aus, dass dafür js-Kenntnisse benötige, die bei mir nicht vorhanden sind. Für eure Hilfe wäre ich sehr dankbar. Hier der JavaScript-Code: [CODE] 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; } var e = e|| event; var listitem = this.lastOpen.parentNode; var link = this.lastOpen; var submenus = listitem.getElementsByTagName('ul'); var menu = (submenus.length > 0 ? submenus[0] : null); var hasSubMenu = (menu) ? true : false; var opts = [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(opts, 'y', 1); break; case this.downKeyCode: found = this.getElementForKey(opts, 'y', -1); break; case this.leftKeyCode: found = this.getElementForKey(opts, 'x', 1); break; case this.rightKeyCode: found = this.getElementForKey(opts, 'x', -1); break; case this.escKeyCode: case 9: this.clearSelection(); this.hasFocus = false; default: return; } switch (found) { case 0: return; 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 = opts[found].getElementsByTagName('a')[0]; if (opts[found].nodeName.toLowerCase() == '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 further event handling by the browser return Spry.Widget.MenuBar.stopPropagation(e); }; Spry.Widget.MenuBar.prototype.mouseOver = function (listitem, e) { var link = listitem.getElementsByTagName('a')[0]; var submenus = 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 bubbled text events return; } if (listitem.closetime) clearTimeout(listitem.closetime); if(this.currMenu == listitem) { this.currMenu = null; } // move the focus too if (this.hasFocus) link.focus(); // show menu highlighting 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) { var link = listitem.getElementsByTagName('a')[0]; var submenus = listitem.getElementsByTagName('ul'); var menu = (submenus.length > 0 ? submenus[0] : null); var hasSubMenu = (menu) ? true : false; if(this.bubbledTextEvent()) { // ignore bubbled text events 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, sibling) { var child = element[sibling]; while (child && child.nodeName.toLowerCase() !='li') child = child[sibling]; return child; }; Spry.Widget.MenuBar.prototype.getElementForKey = function(els, prop, dir) { var found = 0; var rect = Spry.Widget.MenuBar.getPosition; var ref = rect(els[found]); var hideSubmenu = false; //make the subelement visible to compute the position if (els[1] && !this.hasClassName(els[1], this.MenuBarSubmenuVisible)) { els[1].style.visibility = 'hidden'; this.showSubmenu(els[1]); hideSubmenu = true; } var isVert = this.hasClassName(this.element, this.verticalClass); var hasParent = els[0].parentNode.parentNode.nodeName.toLowerCase() == 'li' ? true : false; for (var i = 1; i < els.length; i++){ //when navigating on the y axis in vertical menus, ignore children and parents if(prop=='y' && isVert && (i==1 || i==2)) { continue; } //when navigationg on the x axis in the FIRST LEVEL of horizontal menus, ignore 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; } } } // hide back the submenu if (els[1] && hideSubmenu){ this.hideSubmenu(els[1]); els[1].style.visibility = ''; } 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; } else { 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) { var css = document.defaultView.getComputedStyle(element, 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(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]; } }; [/CODE] [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?