Menu system

I am building a website in flash and I am setting it up so
each page is an individual flash file (not using scenes). However,
I want to create my navigation but be able to update it in one spot
and have it update on every flash file that contains the
navigation. Not sure if there is a way to create the buttons as
library items and only have to update them in one master file...
basically like a server side include that you would create in html.
Any help is greatly appreciated.

I am trying to build this too, but the region is shown in every page without the menu.
I have a page 0 which has a menu region in a position which is specified in a template (left side of the page).
Unfortunately the menu is only shown on page 1, and not on the other pages, even though the region itself is shown (it has a thin line).
I created another region on page 0 (on the right side of the page), which is a report and this does show on every page.
Why isn't my menu behaving the way it should?

Similar Messages

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

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.

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

Under APPLE MENU system preferences only opens sporadically, mostly not

Under APPLE MENU system preferences only opens sporadically, mostly not. I booted up with installation disk and ran a check but everything was alright. However, when I tried to click on items using the disk as a startup disk it frequently wouldn't function.

George,
Thanks for asking that question.
I offered this solution based upon similar successful advice which was given to another poster who solved this problem:Long story short I ended up reinstalling Mac OS X using Archive and Install. When I first used the computer following reinstalling Mac OS X, I was able to access the System Preferences by selecting them under the Apple in the menu bar. However, I have now updated my software using Software Update, and now I can't access System Preferences when I click on them under the Apple in the menu. The computer just acts like I never selected System Preferences.
Where have System Preferences gone??? provides another example of Previous Systems folder interfering with System Preferences.
Applications don't work after reinstalling Mac OS X explains a different problem with a Previous Systems folder: Example 1: You downgrade by performing an Archive and Install installation, but do not update to a later version of Mac OS X. The Previous Systems folder contains later versions of applications that may contribute to this issue.If you have proper backups, I recommend trashing the Previous Systems folder as soon as you can determine that the new system is functioning properly. The Previous Systems folders will either take up too much space or contribute to unexplained system problems.
;~)

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

Merging two separate MUSE sites into a single MENU system and Paid & online BC eCommerce site

Hi all! I am stuck trying to figure out a Process Conundrum:
1> I have a BC site with e-commerce ready to go - paid - online with store template in place.
2> I also Have a 2nd MUSE created web site (with the client content/pages) that needs to merge with that E-commerce BC site.
What is the move to merge the two separate sites into a single site with the Menus all in proper order?
Is this simple and I can not see it? (merge the two sites in a folder and reopen in muse for new menus?
Or do i need Dreamweaver to assist in the merge?
In other words:
What is the PATH/PROCESS to merge a 2nd MUSE designed web site (sans e-commerce), in order to tie into the online BC e-commerce template paid site - so the menus update together as "one" site?
Menu Update Concern: merging two separate MUSE sites into a single MENU system with the "Paid on line Active BC e-commerce Template". How do it do it Process wise so that the menus adjust automatically... so they are "one" menu.
Reminds me of an old joke: Q: "What did the Buddhist say to the hot dog vendor at the ball park?"
A: "Make me one with everything!"
ONWARD>>>>>
Possible paths I am about to take attempting to Solve the problem - and scale the learning curve...
download the BC e-commerce site into Dreamweaver -
export the 2nd muse site by publishing it to a unique folder.
combine them by going back into dream weaver and attempting to figure out linking the menus. - perhaps they are automatic there too.
or load them both up to BC and back down to MUSE to fix the menus?
I appreciate Any recommendations, hits or humor that you could help on this.
Cheers!

Thanks, Liam... I will get it eventually...
Sadly: I do not have a budget to hire this out...
   - I have gone through lots of the BC and Muse training exercises. Adobe
   and BC Gurus.
But... if the only problem is that I need to work though my partner site BC
interface...
   - that would be fine...
   - so would using dream weaver....
I will go back and review the BC interface and also dreamweaver
capabilities.
without a budget... i need to figure it out... please do point to any
material or training you might be able to point me to.
I don't have to use muse, if that is my sticking point. I just need to get
the project up and BC looks perfect.
Thanks.

DVD Menu system on iPod?

I'm converting my dvd's to my iPod. Can iPod recognize and utilize the menu system on DVD's? or can you only add the file that is the whole movie. I don't see why it wouldn't be possible to pick your dvd in iPod and have it start to the dvd menu and then be able to use the touch sensitive scroller to click different options on the dvd menu.

I suppose that if you wanted a movie and a trailer and deleted scenes etc, you could rip/convert them all and then put them in a playlist. For example I have the Grand Canyon and Hawaiian 3-part Brady Bunch Episodes in Their own playlists so that I can skip to the next video or play them through non-stop. What I wish Apple would come up with is the ability to use chapter stops, perhaps in a future update? But please fix the shortcoming of the remote control first. Good luck and much fun with your new iPod.
FJ1

HIde Menu,System and Command Promt from transaction ivew

Hi,
Our client has implemented SAP HR module, year back.
Now they are implementing ESS and they have done some developments for CLAIMS in R/3 earlier. Now they want to see those claims in portal. For that we have created transactional iview. Its coming fine in portal. But the only problem is that, its displaying sap standard menu. i.e menu, system and command promt in portal. Now my concern is how to hide these things ???
Useful Answer's will rewarded.

Put these parameters
~noHeaderOkCode = 1
~webTransactionType = EWT.
in transaction sicf
->sap->bc->gui->sap->its-> Webgui
push button gui configuration and set the parameters
check with se93 if transaction is web enabled
regards

Modification in the Menu SYSTEM

Hello Gurus,
I am working on once standard Tcode SCAL.
this is for Calendar. When I display the calendar, Save option which is there in the Menu System-List-Save. is Not active.
I want to activate that option so that user can save the Calender in one of the 3 options Proivded there.
Can anybody tell me How can I do this. it is not getting reflected in the GUI status for the PRogram as this is Standard one and coming bydefault in every screen in SAP.
Thanks in Advance.
Vinod

Hi,
Through this user exit(CONFPP07 - define detail areas for single screen entry) you can bring any customer specific screens(any additional tabs created and being used in CO11), in the single entry screen of confirmation(CO11N).
Please coordinate with your Technical consultant for further details.
Regards,
Krishna Mohan

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

H-Tree as a Menu System

Has anyone used the hierarchical tree as a menu? In our app, one of perhaps 50 different blocks will appear when a user selects a node. The problem we have is with specific logic we want to execute when a user leaves a specific block. Or with checking for changes if the user used the mouse to select another node on the tree. I know there are various triggers and properties to use, such as Post-Block and the Get_Record_Status built-in, but I'd like to know if anyone has tried to use the tree as an extensive menu system. Every example I've been directed to has been a simple, single table listing of records in a tree form.
Any help would be greatly appreciated!

Tony
My problems have more to do with checking for changes to the block when the users use the mouse to navigate to another node on the tree (bypassing all the Key-Exit trigger logic). We're having a hard time coming up with generic logic to cover all blocks. It looks as if I'll end up hard coding some of the block names, which means I'll have to keep track of the block I'm on (or actually WAS on, since now I'm on the Navtree block).
Anyway, just wanted to know if we were the only ones using the tree object in such a way.
Thanks for your reply.
Joe

Menu system for desktop/laptop/tablet

I need to create a drop down menu that will work over a desktop/laptop/tablet and mobile.
Spry does not achieve this and other css/jquery menus do not seem to condense correctly when viewed in multi screen preview in Dreamweaver.
Anyone a suggestion of a suitable menu systems, have tried the apycom menu system see below, this works to a degree, unless I am doing something wrong, as on the tablet and mobile version you can not see the sections that have wrapped around, nor use the sub menus.
Thanks
<div id="menu">
<ul class="menu">
<li><a href="#" class="parent"><span>Gentleman</span></a>
<div><ul>
<li><a href="#" class="parent"><span>Sub Item 1</span></a>
<div><ul>
<li><a href="#" class="parent"><span>Sub Item 1.1</span></a>
<div><ul>
<li><a href="#"><span>Sub Item 1.1.1</span></a></li>
<li><a href="#"><span>Sub Item 1.1.2</span></a></li>
</ul></div>
</li>
<li><a href="#"><span>Sub Item 1.2</span></a></li>
<li><a href="#"><span>Sub Item 1.3</span></a></li>
<li><a href="#"><span>Sub Item 1.4</span></a></li>
<li><a href="#"><span>Sub Item 1.5</span></a></li>
<li><a href="#"><span>Sub Item 1.6</span></a></li>
<li><a href="#" class="parent"><span>Sub Item 1.7</span></a>
<div><ul>
<li><a href="#"><span>Sub Item 1.7.1</span></a></li>
<li><a href="#"><span>Sub Item 1.7.2</span></a></li>
</ul></div>
</li>
      </ul>
</div>
     </li>
<li><a href="#"><span>Sub Item 2</span></a></li>
<li><a href="#"><span>Sub Item 3</span></a></li>
    </ul>
</div>
    </li>
<li><a href="#"><span>Ladies</span></a>
<div><ul>
<li><a href="#" class="parent"><span>Sub Item 1</span></a>
<div><ul>
<li><a href="#"><span>Sub Item 1.1</span></a></li>
<li><a href="#"><span>Sub Item 1.2</span></a></li>
      </ul></div>
     </li>
     <li>
<a href="#" class="parent"><span>Sub Item 2</span></a>
      <div><ul>
      <li><a href="#"><span>Sub Item 2.1</span></a></li>
<li><a href="#"><span>Sub Item 2.2</span></a></li>
      </ul></div>
     </li>
     <li><a href="#"><span>Sub Item 3</span></a></li>
     <li><a href="#"><span>Sub Item 4</span></a></li>
     <li>
<a href="#"><span>Sub Item 5</span></a></li>
     <li>
<a href="#"><span>Sub Item 6</span></a></li>
     <li>
<a href="#"><span>Sub Item 7</span></a></li>
    </ul></div>
    </li>
   <li><a href="#"><span>Accessories</span></a></li>
<li class="last"><a href="#"><span>Cloth</span></a></li>
<li class="last"><a href="#"><span>Information</span></a></li>
<li class="last"><a href="#"><span>Estate Work</span></a></li>
<li class="last"><a href="#"><span>Sale</span></a></li>
<li class="last"><a href="#"><span>Cart Checkout</span></a></li>
</ul>
</div>

Spry is dead because it's not responsive or touch screen friendly. Replace Spry with a better menu.
Related links:
PVII's Pop-Menu Magic3 (commercial DW extension)
http://www.projectseven.com/products/menusystems/pmm3/index.htm
Responsive Iconic
Dynamic Drive CSS Library- Responsive Iconic Menu
Responsive Hybrid
Dynamic Drive DHTML Scripts- Page Sideview Menu
jQuery Superfish
http://users.tpg.com.au/j_birch/plugins/superfish/
jQuery MeanMenu (responsive on mobile)
http://www.meanthemes.com/plugins/meanmenu/
Nancy O.

XFCE alternative menu system

HI I was trying to do this
There is a completely new linux menu system based on usability testing that has been done, this is how the menu looks on xfce desktop You can see a video of an annoying man talking about the menu in this video about the menu. Given the testing that has been carried out it should, in theory, be easier for people new to linux to learn. you can use it on xfce by installing this xfce plugin and the menu.
On debian or ubuntu get the packages gnome-main-menu and xfce4-xfapplet-plugin. Then add the menu to your panel by right clicking on the panel, selecting; add new item >xfapplet >add >start menu Have fun.
Got it from Tips and Tricks - XFCE Wiki
It seems that we don't have gnome-main-menu in the repositories to get this to work. I was doing it just for the fun of it, has anyone got this or someting similar to go in xfce ?

Check this out
http://ansich.wordpress.com/2006/11/11/ … rch-linux/
Edit:
Please note that Gnome switched from CVS to SVN, so the PKGBUILD will no longer work, so I guess you'll have to build it from SVN yourself.
Otherwise you may request a PKGBUILD from AUR.
Good luck!
Last edited by finferflu (2007-07-28 09:43:25)

Creating a 'Rollover' Menu System Question

I am trying to figure out how to make a 'rollover' style menu system in DVDSP and having great difficulties with it.
The aim is to create menu whereby each time I move to a different button on the menu (Town Names) it then highlights on a map the area that the town is located on a map, this button then links to referring video.
If you have any tips or tutorials you could recommend for this type of menu creation that would be great!

Layered menus would be the way (or buttons over video) Note that layered menus may not work properly every time.
http://dvdstepbystep.com/layersover.php
There the glow layer comes off and on, but you can put the glow anywhere (so the glow can be a highlight or an image, including a more emphasied portion of the map)
Regular butttons may work if the map is ordered so the no place on the Map would fall in the same button area (buttons are rectangular, so let's say if all the buttons are on the left of the Map and you can draw rectangles for each button so that no button overlaps it could work..) But if two locations have the same vertical position on the map probably would be difficult to do.

BPS_WB: JavaScript Menu System

For sometime I have been using a JavaScript Menu system with my BW WebAppDesigner Templates. Each leaf of the menu contains a URL to execute a different Report. This works great for the reporting.
I have been trying to implement a similar JavaScript Menu system within the BPS_WB Text Elements. The TextElement has the HTML = True option selected.
The menu does not load when I execute the application. Although, when inserting the same 2 lines of script within the resultant BSP application's first page with flow logic (pm_page.htm) after the <htmlb:documentHead>, the script (i.e. menu) loads fine.
So I could just leave the script there but everytime a new component needs to be added to the BPS_WB the user needs to regenerate and the script would get wiped-out.
The script is simply:
<SCRIPT src="script1.js" type="text/javascript"></SCRIPT>
<SCRIPT src="script2.js" type="text/javascript" ></SCRIPT>
Maybe BPS_WB has a problem with the source files, while the BSP App does not?
Any assistance would be appreciated!!

Hello Marc,
The Scripts are in the MIMEs directory. I tested with a smaller script [alert('This is an alert'); document.writeln('<H1>This is a Test!!!!</H1>');] and it works fine. As noted before, my larger menu scripts get loaded properly when inserted manually into the BSP App.
I am thinking there may be some form of script size limitation (max number of characters?) for the TextElement?
About the Source HTML. The resultant HTML uses FrameSets based on a GUID. Can you please explain 2 things:
1) Are the Frames Dynamically generated at runtime or are they stored in a table, if so where are they stored? If Not, is it possible to evaluate the Frames via the browser? From the source the frame GUID are defined as:
var frame_A = "427B596E3F6D1F60E10000000A45B429_A";
var frame_B = "427B596E3F6D1F60E10000000A45B429_B";
2) I would have expected that when the BPS_WB app was generated that the JavaScript would have been added to one of the BSP files. The JavaScript does not seem to get stored there. Can you explain where I would find the stored JavaScript?
I have activated the debugging for BSP's and have started the debugging process to figure this architecture out but it "goes way deep"... (Is Alice and the White Rabbit down there? ) Very Object Oriented implementing Polymorphism supported via the many Interfaces and a MVC architecture for the BSP app. Is there possibly a document that might help understand the architecture from the generation of the BPS_WB app to the BSP app?
Thanks,
ATC

Menu system

Similar Messages

Maybe you are looking for