Horizontal java menu systems

Does anyone have a pure java menu system for my servlet ?
I can't have any dhtml/javascript yet I need some dynamic stuff like when u click on an item and if it has subitems it will merely drop down a list with these items.
If u could help me or even direct/guide me in the correct direction I would be extremely happy !

try out these examples they may help you in some way.
http://www2.gol.com/users/tame/swing/examples/SwingExamples.html

Similar Messages

Horizontal Scrolling Menu System

Hi,
Can someone please let me know if the following scrolling of horizontal menus is possible within ApEx - pls see site:
http://www.panic.com/coda/
I am referring to the menu system where it has the following tabs together with the left and right arrows:
Sites | Files | Editor etc...
If the answer is yes, can anyone please provide some insight as to how it might be done.
Thanks.
Tony.

Well, if you float your mouse over the arrows on the left/right you'll see that it's calling a javascript. They're actually loading all those sections into the original page call, each wrapped in a [div] tag and then their javascript "scrolls" through the sections dependent on which menu/arrow action has been clicked.
The answers are actually all there on that page. Once you figure out how it works (by reviewing the javacripts and HTML) you would need to create ApEx templates to make it all work.
Earl

Spry tabbed panels as menu system

Hi,
This is actually for Dreamweaver CS6.    What I'm trying to do is use spry tabbed panels as horizontal my menu system.    I want to have basically the functionality of the adobe.com menu system where the drop downs are tabbed and the content box size varies depending on the tab and the content box moves it's position relative to the tab that's selected.     I did manage to get the mouseover working so the tab's change according to which tab the mouse passes over.
My current problems are these:
I managed to change the content panel box size so it's not the same width as the full panel tab group however I cannot get it to move relative to which tab is selected, it just stays fixed in one location.
The content tabs are pushing the body of my page down instead of showing up over top of it which is obvioulsy not very condusive for a menu system.
I would like the default to show none of the panels until someone mouseover's one of the tab's and for the panels to dissapear when the mouse is not in the menu system.
For something similar to the adobe.com menu system am i using the right feature (it looks like tabbed panels to me) or should I be using a different spry feature, I would like to have text and an image in the content box under each tab just for overall effect.
I'm quite inexperienced with CSS and Javascripting and have basically gotten this far with trial and error modifying the CSS settings but I'm unable to modify the javascript on my own.
Any help or suggestions would be greatly appreciated!!
Below is my tabbed panels css:
.TabbedPanels {
overflow: hidden;
margin: 0px;
padding: 0px;
clear: none;
width: 1000px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
-webkit-transition: all;
-moz-transition: all;
-ms-transition: all;
-o-transition: all;
transition: all;
.TabbedPanelsTabGroup {
margin: 0px;
padding: 0px;
color: #FFF;
background-color: #000;
width: 1000px;
height: 25px;
.TabbedPanelsTab {
position: relative;
top: 0px;
float: left;
padding: 4px 21px;
margin: 0px 0px 0px 0px;
background-color: #000;
list-style: none;
border-left: solid 0px #000;
border-bottom: solid 0px #000;
border-top: solid 2px #000;
border-right: solid 0px #000;
-moz-user-select: none;
-khtml-user-select: none;
cursor: pointer;
width: 1000;
height: 15px;
font-family: "Myriad Pro";
font-size: 1em;
font-weight: normal;
.TabbedPanelsTabHover {
background-color: #D31145;
-webkit-transition: all;
-moz-transition: all;
-ms-transition: all;
-o-transition: all;
transition: all;
.TabbedPanelsTabSelected {
background-color: #D31145;
border-bottom: 0px solid #D31145;
color: #FFFFFF;
.TabbedPanelsTab a {
color: black;
text-decoration: none;
.TabbedPanelsContentGroup {
clear: both;
border-left: solid 2px #D31145;
border-bottom: solid 2px #D31145;
border-top: solid 2px #D31145;
border-right: solid 2px #D31145;
background-color: #FFFFFF;
visibility: visible;
width: 50%;
position: inherit;
height: auto;
/* This is the selector for the Content panel. The Content panel holds the
* content for a single tabbed panel. For our default style, this container
* provides some padding, so that the content is not pushed up against the
* widget borders.
* The name of the class ("TabbedPanelsContent") used in this selector is
* not necessary to make the widget function. You can use any class name you
* want to style the Content container.
.TabbedPanelsContent {
overflow: hidden;
padding: 4px;
.TabbedPanelsContentVisible {
.VTabbedPanels {
overflow: hidden;
zoom: 1;
.VTabbedPanels .TabbedPanelsTabGroup {
float: left;
width: 10em;
height: 20em;
background-color: #EEE;
position: relative;
border-top: solid 1px #999;
border-right: solid 1px #999;
border-left: solid 1px #CCC;
border-bottom: solid 1px #CCC;
.VTabbedPanels .TabbedPanelsTab {
float: none;
margin: 0px;
border-top: none;
border-left: none;
border-right: none;
.VTabbedPanels .TabbedPanelsTabSelected {
background-color: #EEE;
border-bottom: solid 1px #999;
.VTabbedPanels .TabbedPanelsContentGroup {
clear: none;
float: left;
padding: 0px;
width: 30em;
height: 20em;
/* Styles for Printing */
@media print {
.TabbedPanels {
overflow: visible !important;
.TabbedPanelsContentGroup {
display: block !important;
overflow: visible !important;
height: auto !important;
.TabbedPanelsContent {
overflow: visible !important;
display: block !important;
clear:both !important;
.TabbedPanelsTab {
overflow: visible !important;
display: block !important;
clear:both !important;
THe Javascript for my tabbed panels are below:
// SpryTabbedPanels.js - version 0.7 - Spry Pre-Release 1.6.1
// Copyright (c) 2006. Adobe Systems Incorporated.
// All rights reserved.
// Redistribution and use in source and binary forms, with or without
// modification, are permitted provided that the following conditions are met:
//   * Redistributions of source code must retain the above copyright notice,
//     this list of conditions and the following disclaimer.
//   * Redistributions in binary form must reproduce the above copyright notice,
//     this list of conditions and the following disclaimer in the documentation
//     and/or other materials provided with the distribution.
//   * Neither the name of Adobe Systems Incorporated nor the names of its
//     contributors may be used to endorse or promote products derived from this
//     software without specific prior written permission.
// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
// AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
// IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
// ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
// LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
// CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
// SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
// INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
// CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
// ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
// POSSIBILITY OF SUCH DAMAGE.
(function() { // BeginSpryComponent
if (typeof Spry == "undefined") window.Spry = {}; if (!Spry.Widget) Spry.Widget = {};
Spry.Widget.TabbedPanels = function(element, opts)
this.element = this.getElement(element);
this.defaultTab = 0; // Show the first panel by default.
this.tabSelectedClass = "TabbedPanelsTabSelected";
this.tabHoverClass = "TabbedPanelsTabHover";
this.tabFocusedClass = "TabbedPanelsTabFocused";
this.panelVisibleClass = "TabbedPanelsContentVisible";
this.focusElement = null;
this.hasFocus = false;
this.currentTabIndex = 0;
this.enableKeyboardNavigation = true;
this.nextPanelKeyCode = Spry.Widget.TabbedPanels.KEY_RIGHT;
this.previousPanelKeyCode = Spry.Widget.TabbedPanels.KEY_LEFT;
Spry.Widget.TabbedPanels.setOptions(this, opts);
// If the defaultTab is expressed as a number/index, convert
// it to an element.
if (typeof (this.defaultTab) == "number")
if (this.defaultTab < 0)
   this.defaultTab = 0;
else
   var count = this.getTabbedPanelCount();
   if (this.defaultTab >= count)
    this.defaultTab = (count > 1) ? (count - 1) : 0;
this.defaultTab = this.getTabs()[this.defaultTab];
// The defaultTab property is supposed to be the tab element for the tab content
// to show by default. The caller is allowed to pass in the element itself or the
// element's id, so we need to convert the current value to an element if necessary.
if (this.defaultTab)
this.defaultTab = this.getElement(this.defaultTab);
this.attachBehaviors();
Spry.Widget.TabbedPanels.prototype.getElement = function(ele)
if (ele && typeof ele == "string")
return document.getElementById(ele);
return ele;
Spry.Widget.TabbedPanels.prototype.getElementChildren = function(element)
var children = [];
var child = element.firstChild;
while (child)
if (child.nodeType == 1 /* Node.ELEMENT_NODE */)
   children.push(child);
child = child.nextSibling;
return children;
Spry.Widget.TabbedPanels.prototype.addClassName = function(ele, className)
if (!ele || !className || (ele.className && ele.className.search(new RegExp("\\b" + className + "\\b")) != -1))
return;
ele.className += (ele.className ? " " : "") + className;
Spry.Widget.TabbedPanels.prototype.removeClassName = function(ele, className)
if (!ele || !className || (ele.className && ele.className.search(new RegExp("\\b" + className + "\\b")) == -1))
return;
ele.className = ele.className.replace(new RegExp("\\s*\\b" + className + "\\b", "g"), "");
Spry.Widget.TabbedPanels.setOptions = function(obj, optionsObj, ignoreUndefinedProps)
if (!optionsObj)
return;
for (var optionName in optionsObj)
if (ignoreUndefinedProps && optionsObj[optionName] == undefined)
   continue;
obj[optionName] = optionsObj[optionName];
Spry.Widget.TabbedPanels.prototype.getTabGroup = function()
if (this.element)
var children = this.getElementChildren(this.element);
if (children.length)
   return children[0];
return null;
Spry.Widget.TabbedPanels.prototype.getTabs = function()
var tabs = [];
var tg = this.getTabGroup();
if (tg)
tabs = this.getElementChildren(tg);
return tabs;
Spry.Widget.TabbedPanels.prototype.getContentPanelGroup = function()
if (this.element)
var children = this.getElementChildren(this.element);
if (children.length > 1)
   return children[1];
return null;
Spry.Widget.TabbedPanels.prototype.getContentPanels = function()
var panels = [];
var pg = this.getContentPanelGroup();
if (pg)
panels = this.getElementChildren(pg);
return panels;
Spry.Widget.TabbedPanels.prototype.getIndex = function(ele, arr)
ele = this.getElement(ele);
if (ele && arr && arr.length)
for (var i = 0; i < arr.length; i++)
   if (ele == arr[i])
    return i;
return -1;
Spry.Widget.TabbedPanels.prototype.getTabIndex = function(ele)
var i = this.getIndex(ele, this.getTabs());
if (i < 0)
i = this.getIndex(ele, this.getContentPanels());
return i;
Spry.Widget.TabbedPanels.prototype.getCurrentTabIndex = function()
return this.currentTabIndex;
Spry.Widget.TabbedPanels.prototype.getTabbedPanelCount = function(ele)
return Math.min(this.getTabs().length, this.getContentPanels().length);
Spry.Widget.TabbedPanels.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) {}
Spry.Widget.TabbedPanels.prototype.cancelEvent = function(e)
if (e.preventDefault) e.preventDefault();
else e.returnValue = false;
if (e.stopPropagation) e.stopPropagation();
else e.cancelBubble = true;
return false;
Spry.Widget.TabbedPanels.prototype.onTabClick = function(e, tab)
this.showPanel(tab);
return this.cancelEvent(e);
Spry.Widget.TabbedPanels.prototype.onTabMouseOver = function(e, tab)
this.addClassName(tab, this.tabHoverClass);
return false;
Spry.Widget.TabbedPanels.prototype.onTabMouseOut = function(e, tab)
this.removeClassName(tab, this.tabHoverClass);
return false;
Spry.Widget.TabbedPanels.prototype.onTabFocus = function(e, tab)
this.hasFocus = true;
this.addClassName(tab, this.tabFocusedClass);
return false;
Spry.Widget.TabbedPanels.prototype.onTabBlur = function(e, tab)
this.hasFocus = false;
this.removeClassName(tab, this.tabFocusedClass);
return false;
Spry.Widget.TabbedPanels.KEY_UP = 38;
Spry.Widget.TabbedPanels.KEY_DOWN = 40;
Spry.Widget.TabbedPanels.KEY_LEFT = 37;
Spry.Widget.TabbedPanels.KEY_RIGHT = 39;
Spry.Widget.TabbedPanels.prototype.onTabKeyDown = function(e, tab)
var key = e.keyCode;
if (!this.hasFocus || (key != this.previousPanelKeyCode && key != this.nextPanelKeyCode))
return true;
var tabs = this.getTabs();
for (var i =0; i < tabs.length; i++)
if (tabs[i] == tab)
   var el = false;
   if (key == this.previousPanelKeyCode && i > 0)
    el = tabs[i-1];
   else if (key == this.nextPanelKeyCode && i < tabs.length-1)
    el = tabs[i+1];
   if (el)
    this.showPanel(el);
    el.focus();
    break;
return this.cancelEvent(e);
Spry.Widget.TabbedPanels.prototype.preorderTraversal = function(root, func)
var stopTraversal = false;
if (root)
stopTraversal = func(root);
if (root.hasChildNodes())
   var child = root.firstChild;
   while (!stopTraversal && child)
    stopTraversal = this.preorderTraversal(child, func);
    try { child = child.nextSibling; } catch (e) { child = null; }
return stopTraversal;
Spry.Widget.TabbedPanels.prototype.addPanelEventListeners = function(tab, panel)
var self = this;
Spry.Widget.TabbedPanels.addEventListener(tab, "mouseover", function(e) { self.onTabClick(e, tab);return self.onTabMouseOver(e, tab); }, false);
Spry.Widget.TabbedPanels.addEventListener(tab, "mouseout", function(e) { return self.onTabMouseOut(e, tab); }, false);
if (this.enableKeyboardNavigation)
// XXX: IE doesn't allow the setting of tabindex dynamically. This means we can't
// rely on adding the tabindex attribute if it is missing to enable keyboard navigation
// by default.
// Find the first element within the tab container that has a tabindex or the first
// anchor tag.
var tabIndexEle = null;
var tabAnchorEle = null;
this.preorderTraversal(tab, function(node) {
   if (node.nodeType == 1 /* NODE.ELEMENT_NODE */)
    var tabIndexAttr = tab.attributes.getNamedItem("tabindex");
    if (tabIndexAttr)
     tabIndexEle = node;
     return true;
    if (!tabAnchorEle && node.nodeName.toLowerCase() == "a")
     tabAnchorEle = node;
   return false;
if (tabIndexEle)
   this.focusElement = tabIndexEle;
else if (tabAnchorEle)
   this.focusElement = tabAnchorEle;
if (this.focusElement)
   Spry.Widget.TabbedPanels.addEventListener(this.focusElement, "focus", function(e) { return self.onTabFocus(e, tab); }, false);
   Spry.Widget.TabbedPanels.addEventListener(this.focusElement, "blur", function(e) { return self.onTabBlur(e, tab); }, false);
   Spry.Widget.TabbedPanels.addEventListener(this.focusElement, "keydown", function(e) { return self.onTabKeyDown(e, tab); }, false);
Spry.Widget.TabbedPanels.prototype.showPanel = function(elementOrIndex)
var tpIndex = -1;
if (typeof elementOrIndex == "number")
tpIndex = elementOrIndex;
else // Must be the element for the tab or content panel.
tpIndex = this.getTabIndex(elementOrIndex);
if (!tpIndex < 0 || tpIndex >= this.getTabbedPanelCount())
return;
var tabs = this.getTabs();
var panels = this.getContentPanels();
var numTabbedPanels = Math.max(tabs.length, panels.length);
for (var i = 0; i < numTabbedPanels; i++)
if (i != tpIndex)
   if (tabs[i])
    this.removeClassName(tabs[i], this.tabSelectedClass);
   if (panels[i])
    this.removeClassName(panels[i], this.panelVisibleClass);
    panels[i].style.display = "none";
this.addClassName(tabs[tpIndex], this.tabSelectedClass);
this.addClassName(panels[tpIndex], this.panelVisibleClass);
panels[tpIndex].style.display = "block";
this.currentTabIndex = tpIndex;
Spry.Widget.TabbedPanels.prototype.attachBehaviors = function(element)
var tabs = this.getTabs();
var panels = this.getContentPanels();
var panelCount = this.getTabbedPanelCount();
for (var i = 0; i < panelCount; i++)
this.addPanelEventListeners(tabs[i], panels[i]);
this.showPanel(this.defaultTab);
})(); // EndSpryComponent

Note - I agree with Nancy
As for your experiment, to prevent the "drop" reduce the spry CSS padding in line 76 selector from 21px to 18px.
.TabbedPanelsTab {
    -moz-user-select: none;
    background-color: #000000;
    border-color: #000000;
    border-left: 0 solid #000000;
    border-style: solid;
    border-width: 2px 0 0;
    cursor: pointer;
    float: left;
    font-family: "Myriad Pro";
    font-size: 1em;
    font-weight: normal;
    height: 15px;
    list-style: none outside none;
    margin: 0;
    padding: 4px 18px;
    position: relative;
    top: 0;
Don't use dummy text without normal length text with breaks

Horizontal tree menu, Java script

Please let me know where can i get Javascript code(not css) for horizontal tree menu. If you have please send the code.
good luck.

ManasaSri wrote:
Please let me know where can i get Javascript code(not css) for horizontal tree menu. If you have please send the code.
good luck.You are confusing JavaScript with Java. The two languages are only vaguely similar. You may want to direct your question to a [Javascript Forum|http://forums.devshed.com/javascript-development-115/]. As this question is unrelated to Java, I will lock this thread.

Where can I find a horizontal accordion menu tutorial

I have googled all day looking for a horizontal accordion menu for javascript and haven't found an actual tutorial. I have found downloads, but I want learn how to make one.

Just to clarify, Accordions are collapsing panels (not a menu system per se).
Spry Accordion Panels Widget
http://labs.adobe.com/technologies/spry/articles/accordion_overview/
Working with Spry Horizontal Drop-Menu widget
http://labs.adobe.com/technologies/spry/articles/menu_bar/index.html
Making a JQuery Mega Menu
http://www.sitepoint.com/make-a-mega-drop-down-menu-with-jquery/
jQuery Superfish Menus
http://users.tpg.com.au/j_birch/plugins/superfish/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Horizontal Spry Menu appears as bullet point list in IE8 and below - fine in firefox, chrome and IE9

This one is breaking my brain! I have an horizontal spry menu bar in my website that renders correctly in all browsers except ie 8 and below where it appears like an unordered list - almost like no CSS had been applied at all. You can check out the site here http://www.webhance.com.au. The spry css looks like this:
@charset "UTF-8";
/* 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: 130%;
cursor: default;
width: auto;
float:right;
/* 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;
cursor: pointer;
width: 150px;
float: right;
text-align:center;
font-family:"AvantGarde Bk BT";
/* 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: 150px;
position: absolute;
left: -1000em;
/* 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: 150px;
/* 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-right: 1px solid #9fe2fd;
text-align:center;
font-family:"AvantGarde Bk BT";
background-color:#4c859d;
color:#FFF;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
border-right: 1px solid #9fe2fd;
display: block;
cursor: pointer;
background-color: #4c859d;
padding: 0.5em 0.75em;
color: #FFF;
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: #4c859d;
color: #9cc9a0;
/* 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: #4c859d;
color: #9cc9a0;
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;
float: left;
background: #FFF;
The HTML for the section looks like this:
<div class="header">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="index.html" id=button1>Home</a></li>
<li><a class="MenuBarItemSubmenu" href="#">Services</a>
    <ul>
      <li><a href="design.html">Web Design</a>        </li>
      <li><a href="maintenance.html">Web Maintenance</a></li>
      <li><a href="social.html">Social Media</a></li>
    </ul>
</li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="contact.html">Contact</a>    </li>
</ul>
</div>
I really really need some help - hope someone out there can point me in the right direction :-)
Julie

Hi Gramps - thanks for getting back to me - I took advantage of your advice to others with some other issues I had and they worked a charm so I was really hoping to hear from you :-)
Unfortunately removing media="only screen and (min-width: 769px) from the css call didn't resolve the problem. Check it out on my index page www.webhance.com.au/index.html Any other ideas?
Cheers, Julester

ERROR with Horizontal Spry Menu & IE 7 ONLY!

I created a new website with CS3 adding a horizontal Spry Menu across the top of the page. I am having a problem with this menu in Internet Explorer 7 ONLY! I don't have this problem with Firefox, Chrome or Safari. I wouldn't care so much but IE is the dominant browser. The site is: http://www.sunscapesolar.net. The problem is that when you mouse over any of the top-level menu titles that have sub-menus below like: PRODUCTS, SYSTEMS, INCENTIVES, etc., the body text shifts down and I get a white box popping up that says "false." I've checked everything I know but since DW created the javascript code, I don't know where to go. I have posted this problem three times and nobody has responded! Someone has to know what's wrong! Please help... I don't want to create the site from scratch. . .
Thanks in advance...
Mike

fixed it myself - please ignore

Java/lang/system.gc() error

Hi there, i have a problem with java.
When i enter a webpage that uses a java menu script i get this message: " The applet is trying to invoke the java/lang/system.gc() operation " then i get 3 choises Allow, Disallow and Stop applet.
I have tryed them all :( but it still popping up
http://img246.imageshack.us/img246/3773/errorow3.jpg <-- image of the problem (The menu to the left contains alot of submenues)
and the message appears when i just click at one of them, its quite annoying :s
Its not the internet page, i have tryed it on another computer and there it works fine
I am using J2SE(TM) Runtime Environment 5.0 Update 8 and have tryed some older versions to
can someone help me :) ?
Best regards
Kristoffer
Ps. sorry for bad english

Can you export the log messages from the java console to a file, the export should contain a detailed exception stack for the issue which may give some hints of the issue. The Unsupported Features and APIs (Release 13.2) does not explicitly mention garbage collection as restricted, however it does mention:
Setting of operating system environment variables, Java system properties, or JVM/Server command-line parameters.
Since the issue seems to come from the gc call you could try disabling it from your by calling the WorkbookSettings.setGCDisabled(true) to see if that makes any difference. Note that if GC is disabled there will be impact on performance and / or resource consumption.
Jani Rautiainen
Fusion Applications Developer Relations
https://blogs.oracle.com/fadevrel/

ERROR: attribute verification of /etc/.java/.systemPrefs/.system.lock fai

Dear all experts, i am trying hard to solve this problem on solaris 10.
i downloaded java package i.e jdk-6u18-solaris-i586.tar.Z and extract it using zcat jdk-6u18-solaris-i586.tar.Z | tar -xf - . it extracted successfully following folders.
SUNWj6cfg
SUNWj6dev
SUNWj6dmo
SUNWj6jmp
SUNWj6man
SUNWj6rt
plus few others
i tried to install all of the above using command pkgadd -d . SUNWj6rt SUNWj6dev SUNWj6cfg SUNWj6man SUNWj6dmo.
all of the package succesfully installed except one i.e SUNWj6cfg
i got following error message
[Do you want to continue with the installation of <SUNWj6cfg> [y,n,?] y
Installing JDK 6.0 Host Config. (1.6.0_18) as <SUNWj6cfg>
## Installing part 1 of 1.
[ verifying class <none> ]
cp: /etc/.java/.systemPrefs/.system.lock not found
cp: /etc/.java/.systemPrefs/.systemRootModFile not found
[ verifying class <preserve> ]
ERROR: attribute verification of </etc/.java/.systemPrefs/.system.lock> failed
pathname does not exist
ERROR: attribute verification of </etc/.java/.systemPrefs/.systemRootModFile> fa
iled
pathname does not exist
## Executing postinstall script.
Installation of <SUNWj6cfg> partially failed.]
i am trying hard to find out what is the problem.
thanks in advance
Mr parkar
UAE

These are innocuous errors that you may safely ignore. However the disk error is a problem. Do the following:
Repairing the Hard Drive
Boot from your OS X Installer disc. After the installer loads select your language and click on the Continue button. When the menu bar appears select Disk Utility from the Installer menu (Utilities menu for Tiger and Leopard.) After DU loads select your hard drive entry (mfgr.'s ID and drive size) from the the left side list. In the DU status area you will see an entry for the S.M.A.R.T. status of the hard drive. If it does not say "Verified" then the hard drive is failing or failed. (SMART status is not reported on external Firewire or USB drives.) If the drive is "Verified" then select your OS X volume from the list on the left (sub-entry below the drive entry,) click on the First Aid tab, then click on the Repair Disk button. If DU reports any errors that have been fixed, then re-run Repair Disk until no errors are reported. If no errors, then quit DU and return to the installer. Now restart normally.
If DU reports errors it cannot fix, then you will need Disk Warrior and/or Tech Tool Pro to repair the drive. If you don't have either of them or if neither of them can fix the drive, then you will need to reformat the drive and reinstall OS X.

Horizontal spry menu style appears turned off when on the internet though can view it in live mode!?

The style of the horizontal spry menu seems as to have been turned off when on the web though is visible and functioning on CS4 Dreamweaver design and live views. I have styled the spry menu and can view it in the properties section though the style setting is there on the internet it looks as if the styles have turned off and appears unformatted vertically when it should be a cascading horizontal menu bar. Not sure where the error is, I have looked at the coding and as I'm not the most experienced with spry.....
this is the coding above the head.
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript">
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />

</script>
I have noticed that SpryMenuBarHorizontal.css doesn't appear in the spry assets folder, does this matter? (not sure how to insert into the assets menu). Any help would be greatly appreciated!

thanks for testing it. I'm not sure how to proceed though as the css file is in my local_sites/spry assets folder for the website. I've tried to point it to other (copies of SpryMenuBarHorizontal.css) and spry assets folder externally from the site and again internally in the root folder and seems to make little or no difference.
Your suggestion of what it should read,(sorry to sound so naive at all this) though would you mind giving a step-by-step guide on how to go about it? as I'm obviously missing something in the setup process.
thanks again for your help.

Black Screen with cursor. Java Desktop System.

Hello everyone.
I've installed Solaris 10 05/08 x86 32bit in VMWare Workstation 6.5.
After I logged in in the system (Java Desktop System, Release 3), I've got only a black screen with cursor, nothing more.
X server: Xsun server configuration:
Video Device: VMWare Inc vmware0405
Video Driver: XF86 VMWARE
Resolution/Colors: 800x600 65536 colors @75Hz
Screen size: 17 inch
Monitor type: MultiFrequency 56Hz (up to 1280x1024 interlaced)
But the CDE starts normally.
What's the problem?
Help, please.
P.S. Computer with VMWARE Workstation: Asus P4P800SE, P4HT 3.0Gz, 2.0Gb Ram, Ati AIW X800 AGP 256Mb..
Edited by: xaxaTyH on Oct 9, 2008 7:26 AM
Edited by: xaxaTyH on Oct 9, 2008 7:45 AM

Hi
Have you installed all the Recommended Patchset . If not try to install the patches .
Regards

Where I can find and use "Java Desktop System Management Tools "

With Solaris 10, you not only get the Java Desktop System desktop environment, but also the Java Desktop System Management Tools and a selection of free and trial Development Tools, which are available for download only.
I found only an information about JDS release 2
but today it's release 3 already and it's said it already integrated in JDS
and above sentence it state that it already come with solaris 10?
where i can find that , where i can use it
http://docs.sun.com/app/docs/doc/817-7575/6mmsrpduj?a=view
this page said how to install but ...where I can find CD/
regards please help

Good question. It appears to have been installed with Solaris 11/06, as I have all of the packages listed here:
http://docs.sun.com/app/docs/doc/817-7575/6mmsrpdus?a=view
However, it does not appear in the Java Web Console. I tried adding it using the wcadmin command, but haven't managed to get it to run as per the docs. The documentation assumes that it is already installed and visible in the Java Web Console...
According to this documentation:
http://docs.sun.com/app/docs/doc/817-1985/6mhm8o5l6?a=view#gdjpi
An application for the Java Web Console should have a WEB-INF directory and an app.xml file. The apoc packages come with neither, so something is missing.

Is there an easy way to replace spry menus with jQuery menu system?

I just learned that Adobe is no longer using spry or that spry does not work on mobile devices. My entire site (built in CS5.5 moved to CS6) is built with 3 different spry menu systems. I have been told about jQuery, and many other menu system options. I work in design view and can copy and paste code, read code etc...but cant write it to save my life. I cannot seen to understsand how a different menu software system will integrate with DW especially when I use design view. My question is, is there an easy way to change my spry menu's? I have 2 spry menu bars, spry tabbed menus on EVERY page and a spry accordian menu that repeats on all pages. I am working with a template I built, so hopefully it is an easy fix.
Any walkthrough help would be greatly appreciated. Below is the code for my template minus the div set up.
</style>
<script src="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script src="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<script src="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<link href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
<link href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />


</head>
<body>
<div id="container">
<div id="search">
    <form action="http://www.cft-aft.org" method="get" onSubmit="Gsitesearch(this)">
Search our website:<br />
<input name="q" type="hidden" />
<input name="qfront" type="text" style="width: 150px" /> <input type="submit" value="Search" />
</form>
</div>
<div id="top_nav_bar">
    <ul id="FT" class="MenuBarHorizontal">
      <li><a href="../index.html">Home</a></li>
      <li><a href="#" class="MenuBarItemSubmenu">Quick Links</a>
        <ul>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/quicklinkpdf/cftfinal2010_1.pdf" target="_blank">CFT CBA</a></li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/quicklinkpdf/acpsopfinagree2010.pdf" target="_blank">CFOP (previously ACPSOP) CBA</a></li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/quicklinkpdf/cftsalaryschedule.pdf" target="_blank">CFT Salary Schedule</a></li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/strs_sers" target="_blank">STRS - SERS</a></li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/healthcare" target="_blank">Health Care</a></li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/newsliners" target="_blank">CFT Newsliners</a></li>
        </ul>
      </li>
      <li><a href="../buildingreps.html" target="_blank" class="MenuBarItemSubmenu">For BR's</a>
        <ul>
          <li><a href="../pdf_br/handbook13.14.pdf" target="_blank">2013-14 Handbook</a></li>
          <li><a href="../pdf_br/grievance.pdf" target="_blank">Grievance Form</a></li>
          <li><a href="../br_forms/assault.doc" target="_blank">Assault Form</a></li>
          <li><a href="../br_forms/notifyassault.dot" target="_blank">Notification of Assault Form</a></li>
          <li><a href="../br_forms/assaultleaverequest.dot" target="_blank">Request for Assault Leave</a></li>
          <li><a href="../br_forms/prsnlpropdmg.dot" target="_blank">Personal Property Damage Report</a></li>
          <li><a href="../br_forms/tchrselectionpanel.doc" target="_blank">Teacher Selection Panel Form</a></li>
          <li><a href="../br_forms/chptmtgsign.doc" target="_blank">Chapter Meeting Sign In Sheet</a></li>
          <li><a href="../br_forms/chptrmtgrept.doc">Chapter Meeting Report</a></li>
        </ul>
      </li>
      <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/contact.html" target="blank" class="MenuBarItemSubmenu">Contact Us</a>
        <ul>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/cft_acpsop_office" target="_blank">Office Information</a></li>
          <li><a href="Staff" _mce_href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/cft_acpsop_office">Staff">f ile:///C|/Users/kelly/Desktop/website2/cft.acpsop/cft_acpsop_office">Staff Contacts</a></li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/pdf_contact/directions.pdf" target="_blank">Directions</a></li>
        </ul>
      </li>
    </ul>
<div align="center"></div>
</div>
<div id="fb">Content <a href="https://www.facebook.com/pages/Cincinnati-Federation-of-Teachers-Official/235429363160967" target="_blank"><img src="../images/facebooklogosm.gif" width="24" height="24" align="middle" /></a></div>
<div id="header"><img src="file:///C|/Users/kelly/Desktop/PS images for web/banner.jpg" width="980" height="155" /></div>
<div id="mid_nav_bar">
    <ul id="MenuBar2" class="MenuBarHorizontal">
      <li><a href="../unionbusiness.html" target="new" class="MenuBarItemSubmenu">Union Business</a>
        <ul>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/about" target="_blank">About Us</a></li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/dues" target="_blank">Dues Structure</a></li>
          <li><a href="#" target="_blank">C.O.P.E</a></li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/internal_comm" target="_blank">Internal Committees</a></li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/joint_comm" target="_blank">Joint Committees</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">CFOP</a>
        <ul>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/acpsop" target="_blank">About ACPSOP</a></li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/focus_newsletter" target="_blank">ACPSOP Newsletter</a></li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/tuition_reim" target="_blank">Tuition Reimbursement</a></li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/www.ohsers.org" target="_blank">SERS Updates</a></li>
          <li><a href="http://www.cincinnati-oh.gov/cityhr/pages/-4279-/" target="_blank">Civil Service Commission</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">CFT-R</a>
        <ul>
          <li><a href="#">About CFT-R</a></li>
          <li><a href="#">CFT-R Officers</a></li>
          <li><a href="#">CFT-R Meeting Schedule</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">Professional Issues</a>
        <ul>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/tes" target="_blank">Teacher Evaluation System</a></li>
          <li><a href="#" target="_blank">Common Core</a></li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/cit" target="_blank">Career In Teaching</a></li>
          <li><a href="http://staffnet.cps-k12.org/Staffnet/ProfDevFund/" target="_blank">PD Fund</a></li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/rttt" target="_blank">RttT</a></li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/fft" target="_blank">Fund for Teachers</a></li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/resources" target="_blank">Resources</a></li>
        </ul>
      </li>
      <li><a class="MenuBarItemSubmenu" href="#">Affilliates</a>
        <ul>
            <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/www.aft.org" target="_blank">AFT</a>            </li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/www.oft-aft.org" target="_blank">OFT</a></li>
          <li><a href="http://www.cincinnatiaflcio.org/" target="_blank">AFL-CIO</a></li>
          <li><a href="http://ohio.gov/" target="_blank">State of Ohio</a></li>
          <li><a href="http://www.ode.state.oh.us" target="_blank">OH Dept of Ed (ODE)</a></li>
        </ul>
      </li>
      <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/forms" target="_blank">Forms/Documents</a>      </li>
    </ul>
</div>
<div id="left_fill"></div>
<div id="news_zone">
    <div id="TabbedPanels1" class="TabbedPanels">
      <ul class="TabbedPanelsTabGroup">
        <li class="TabbedPanelsTab" tabindex="0">Hot Topics</li>
        <li class="TabbedPanelsTab" tabindex="0">News Zone</li>
      </ul>
      <div class="TabbedPanelsContentGroup">
        <div class="TabbedPanelsContent">Content </div>
        <div class="TabbedPanelsContent">Content 2</div>
      </div>
    </div>
</div>
<div id="events">
    <div id="Accordion1" class="Accordion" tabindex="0">
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Events</div>
        <div class="AccordionPanelContent">Content 1</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Announcements</div>
        <div class="AccordionPanelContent">Content 2</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Meeting Dates</div>
        <div class="AccordionPanelContent">Content 3</div>
      </div>
    </div>
</div>
<div id="right_fill"></div>
<div id="blue_line"></div>
<div id="button_bar">
    <table width="880" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr valign="middle">
        <td height="96" align="center"><a href="mailto:[email protected]" target="_blank"><img src="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/images/kifbutton.jpg" width="242" height="72" border="0" align="middle" /></a></td>
        <td align="center"><a href="http://hq-afl.salsalabs.com/o/4013/c/505/getLocal.jsp" target="_blank"><img src="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/images/legislature.jpg" width="242" height="72" border="0" align="middle" /></a></td>
        <td align="center"><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/get_involved.html"><img src="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/images/getinvolved.jpg" width="242" height="72" border="0" align="middle" /></a></td>
      </tr>
    </table>
</div>
<div id="footer"><img src="../images/footer.jpg" width="980" height="75" /></div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("FT", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
</script>
</body>
</html>
Thanks in advance
Kelly

These links point to files OUTSIDE your local site. Did you define your site in DW?
file:///C|/Users/kelly/Desktop/website2
Nancy O.

How do I display or hide a Java menu based on current url in a php page

How do I display or hide a Javascript menu based on the current url in a php page?
I want to specify when a java menu appears on a page based on the current url - does anyone have a script for the vars and conditional statements to make this happen - it would be something like this in natural language:
<javascript>
if currenturl = http://jemmakidd.com/categories.php
then displaymenu
else if currenturl = http://jemmakidd.com/categories.php?cat=14 (or 15,16 etc)
then DONOTdisplaymenu
What is needed is that, if you look at this page there is a java menu under the first category:
http://jemmakidd.com/categories.php
I WANT the menu to appear on that page so that is working, however if I look at one of the store categories, like on this page, I do NOT want the menu to appear - it may be that this can be done without using a java current url type function - thats why I'm asking...
http://jemmakidd.com/categories.php?cat=14
So to summarise:
http://jemmakidd.com/categories.php (If this url is used DO display menu - if any other url DONT display menu)
Thanks again...any ideas?
Edited by: littlealex2009 on Jul 15, 2009 12:51 AM

This is a Java forum, not a Javascript forum. Google the differences.
kind regards,
Jos

Can Adobe Muse create menu systems in an InDesign document?

Can Adobe Muse create menu systems in an InDesign document?

Hi Golden Reuel,
Since InDesign has limited capability of integrating HTML and Muse is all about HTML. I dont think you can create menu systems in InDesign.
For Better Clarification I would suggest you to post the query on the Muse Community.
http://forums.adobe.com/community/muse
Thanks!
Eshant

Horizontal java menu systems

Similar Messages

Maybe you are looking for