Accordion as nested menu

I have the following setup:
<div id="regionMainMenu"
spry:region="dsMenu">
<div id="Accordion1"
class="Accordion"
tabindex="0">
<div id="regionMenuItems"
spry:repeat="dsMenu"
class="AccordionPanel">
<div
class="AccordionPanelTab">{Text}</div>
<div id="menuItem"
class="AccordionPanelContent">
<div
id="regionSubMenu">{Text}</div>
</div>
</div>
</div>
<script
type="text/javascript">
<!--
var ac1 = new
Spry.Widget.Accordion("Accordion1",{useFixedPanelHeights:false,
defaultPanel:0});
//-->
</script>
</div>
Because spry-region does not support nested regions. I loaded
the complete menu.xml in another dataset. and use onDataChange
observer to populate the AccordionContent with the current MenuID..
See below:
var dsMenuData = new
Spry.Data.XMLDataSet("data/menu.xml",
"Menus/Menu");
dsMenuData.addObserver({onDataChanged:function(ds,
data){return dsMenuData_DataChanged(ds, data, 1)}});
var dsMenuData_DataChanged = function(dataSet, data,
datasetnumber)
Spry.$$("#regionSubMenu").forEach(function(div) {
ListSubmenus(div); });
function ListSubmenus(menu)
//GetSubMenus
if(menu && dsMenuData)
//dsMenuData.loadData();
var rows =
dsMenuData.getData();//.findRowsWithColumnValues({ParentID:
"'" + menu.innerHTML + "'"});
if(rows.length>0)
var subItems = "==";
var c = menu.innerHTML;
for (var i = 0; i < rows.length; i++)
{ var p = rows
["ParentID"];
if(p && c && p == c)
subItems += " • " +
rows["Text"] +
" " + c + ":[" + p
+ "]<br>";
menu.innerHTML = subItems;
else
menu.innerHTML = "none";
else
menu.innerHTML = "---";
The issue I am having is in the bold line "var c =
menu.innerHTML;" I can assign a number like 1 or 2 to c..
and it finds the menus. I can even compare
"parentID" with a string and it finds them. But
whenever I leave it has is and pass the menu.innerHTML it doesn't
work. Is there something programatically incorrect with doing this?
I even print out menu.innerHTML on the same line and it returns the
value I need. I strip spaces convert to string number, doesn't
matter. What am I doing wrong?
Any one please help thanks.

1. Yes. What third table would you need?
2. No & No.
You shouldn't be able to delete a category if it has products as children.
You should have tables..
Category
CategoryID (INT) - Primary Key, Auto number
CategoryName
etc
Products
ProductID (INT) - Primary Key, Auto number
ProductName
CategoryID (INT) - Foreign Key to Category
etc
If you change something in Category, NOTHING changes in Products.

Similar Messages

  • Is there any effortless way to create accordion or sliding menu instead of incommodious AS3.0 Classes?

    For a simple accordion menu design in flash we have to writting classes that requires advanced knowledge in writting object oriented as3.0.
    But in javacsript we can make an accordion menu with jquery in just a minute.
    Is there any effortless way to create accordion or sliding menu instead of incommodious AS3.0 Classes?
    I have found classes for this animations that very hard to learn.
    Thanks in advance
    Felicita

    You can probably find a premade AS3 accordian menu that you can adpat fairly easily without having to create all of the AS3 code that plays the role that the jquery end of the code does. Here's one that may be useful (?) http://www.blog.noponies.com/archives/39

  • Muse accordion vertical mobile menu issues

    Adobe
    I have two issues with your accordion vertical mobile menu.
    1. The menu does not line up on the right-hand side in the accordion widget when it’s in preview mode. The x and y in design mode both line up correctly with the menu inside the accordion so I know that this is not the issue. I have no outlines placed on any elements of the accordion menu. Is this a glitch? Is there a fix? I am running most current version of Muse.
    2. From my understanding I believe that the menu should be placed inside the widget (on master page) then when the menu is previewed the accordion should be closed and when it’s opened the objects that are below the menu should all move down. I have yet to accomplish any of this. Is this also a glitch or am I missing something?

    Thank you for providing your file to the support team.
    #1 is related to the fact the menu widget doesn't support 100% width, but in this case that isn't really necessary since mobile browsers scale to fit the width of the widest content.
    So, the workaround in this case is to make the accordion not exactly fit in width. Make it one pixel wider and also make the menu inside the panel one pixel wider. Since this will make the accordion not exactly match the browser area width it won't be treated as 100% width. Instead the browser will scale it, and the menu within it, to fit the width of the device.
    #2 is enabled by turning off the "Overlap Items Below" option in the accordion widget options UI.

  • Spry accordion with nested accordions

    I'm building an FAQ list with topics and sub topics, using a
    containing Spry accordion with multiple children, though just the
    one extra level deep. The nested accordions won't expand the full
    list. Instead, the div height remains fixed, and I get a scroll
    bar. Any ideas what part of the javascript to tweak to open up this
    functionality?
    Here's the page:
    http://www.pixmission.net/dev/tex/faqs.htm
    thanks

    alancymru escribió:
    > I'm building an FAQ list with topics and sub topics,
    using a containing Spry
    > accordion with multiple children, though just the one
    extra level deep. The
    > nested accordions won't expand the full list. Instead,
    the div height remains
    > fixed, and I get a scroll bar. Any ideas what part of
    the javascript to tweak
    > to open up this functionality?
    >
    > Here's the page:
    >
    http://www.pixmission.net/dev/tex/faqs.htm
    >
    > thanks
    >
    Sure! It has to be done in two parts. First part from your
    SpryAccordion.css file and the second it is adding a new
    property to the
    Accordion object when it’s initialized.
    First part:
    Select .AccordionPanelContent class
    Delete Height property
    Change the value of overflow from auto to hidden;
    Second part:
    In the constructor function at the bottom of your faqs.htm
    file, amend
    this code:
    var Accordion1 = new Spry.Widget.Accordion("Accordion1");
    var Accordion9 = new Spry.Widget.Accordion("Accordion9");
    to this:
    var Accordion1 = new Spry.Widget.Accordion("Accordion1",
    {useFixedPanelHeights:false});
    var Accordion9 = new Spry.Widget.Accordion("Accordion9",
    {useFixedPanelHeights:false});
    Hope this helps.

  • Using Accordion Panel as Menu .... ?

    I am trying to use an accordion panel as a menu. I have successfully set up each Tab to flip to the apporpritate page via the hyperlink, but the tabs do not remain active once the page flip is done.

    That is the normal result when using accordions as menus.
    One work around is when you save each page before you publish make sure the panel is open on the correct accordion panel for each page. It will remember the last state that you publish with.

  • Creating a dynamic nested menu with xml data received from a webservice

    I need to create a dynamic menu based on a xml returned by a webservice.
    the xml comes basically in this format:
    [quote]
    <resposta>
        <status>Success</status>
        <mensagem>Whatever</mensagem>
        <dados>
            <projeto nome="name" cliente="client name">
                <atividade nome="name">
                    <etapa>
                        <nome>name</nome>
                         <other_attributes>...</other_attributes>
                    </etapa>
                    (other etapas)
                 </atividade>
                 (other atividades)
            </projeto>
            (other projetos)
        </dados>
    </resposta>
    [/quote]
    What I need is to create a menu like:
    - Projeto.Nome - Projeto.Cliente:
        - Atividade.nome:
            (start button) etapa1
            (start button) etapa2
    - Projeto2.Nome - Projeto2.Cliente:
        - Atividade.nome:
            (start button) etapa1
            (start button) etapa2
    And so on...
    I've tried using an HTTPService and a DataGroup, this code above works fine for  display the projeto's names:
    [quote]
    <s:HTTPService id="loginService"
                            url="http://timesheet.infinitech.local/services"
                            method="POST" contentType="application/xml"
                            result="handleLoginResult();"
                            fault="handleFault(event);" >
                            <s:request xmlns="">
                                <requisicao>
                                    <tipo>login</tipo>
                                    <usuario>{campoUsuario.text}</usuario>
                                    <senha>{campoSenha.text}</senha>
                    </requisicao>
                </s:request>
    </s:HTTPService>
    and the DataGroup:
    <s:DataGroup dataProvider="{tarefasService.lastResult.resposta.dados.projeto}" width="100%" y="100" x="20"
                         includeIn="Principal">
                <s:layout>
                    <s:VerticalLayout />
                </s:layout>
                <s:itemRenderer>
                    <fx:Component>
                        <s:ItemRenderer>
                            <s:layout>
                                <s:HorizontalLayout />
                            </s:layout>
                            <s:Button />
                            <s:Label text="{data.nome}" />
                        </s:ItemRenderer>
                    </fx:Component>
                </s:itemRenderer>
            </s:DataGroup>
    [/quote]
    I have then tried including another datagroup inside the datagroup item renderer, but I just couldn't get it to work anyway, and tried it in a lot of ways... (basically, it would be a datagroup with dataProvider={data.atividade}).
    Can anyone tell me how to get this to work?
    I've uploaded an example xml, you can use it as the url for the HTTPService:
    http://www.pdinfo.com.br/example.xml
    Thanks in advance.

    Hi,
    A lot of the information you need is in Adobe's scripting guide http://www.adobe.com/go/learn_lc_scriptingReference  Also there is a very useful Adobe guide to Calculations and Scripts (and while it is for version 6 it is still very good because of the way it is laid out) http://partners.adobe.com/public/developer/en/tips/CalcScripts.pdf
    The Javascript could be used in the Layout: Ready event.
    For italic font:
    if (...some test...)
         this.font.posture = "italic";
    else
         this.font.posture = "normal";
    For bold font:
    if (...some test...)
         this.font.weight = "bold";
    else
         this.font.weight = "normal";
    The script will change the font for the complete field. I don't think you can change parts of a field.You can also change font colour and font type (the guides above will help).
    Good luck,
    Niall

  • Dynamic Accordion Menu

    Hi All,
    I'm using spry accordion as a menu loading its data from an
    XML file. Here is my code
    <!-- here I include all the libraries -->
    <script src="../SpryAssets/SpryAccordion.js"
    type="text/javascript"></script>
    <script src="../SpryAssets/xpath.js"
    type="text/javascript"></script>
    <script src="../SpryAssets/SpryData.js"
    type="text/javascript"></script>
    <script src="../SpryAssets/SpryDOMUtils.js"
    type="text/javascript"></script>
    <script src="../SpryAssets/SpryURLUtils.js"
    type="text/javascript"></script>
    <script type="text/javascript">
    // Grabs the values of the URL parameters for the current
    URL.
    var params = Spry.Utils.getLocationParamsAsObject();
    </script>
    <script type="text/javascript">
    var strategic1 = new
    Spry.Data.XMLDataSet("../xml/Strategic.xml", "NewDataSet/Content");
    var observer = { onPostUpdate: function(notifier, data) { var
    a2 = new Spry.Widget.Accordion("Accordion1" ,
    {defaultPanel:(params.panel ? params.panel : -1)}); } };
    Spry.Data.Region.addObserver("strategic1Region", observer);
    //-->
    </script>
    <!-- here I set the spry region -->
    <div id="strategic1Region" spry:region="strategic1">
    <div id="Accordion1" class="Accordion" tabindex="0">
    <!-- here I set the area to be repeated -->
    <div spry:repeat="strategic1" class="AccordionPanel">
    <div
    class="AccordionPanelTab">{strategic1::Menu}</div>
    <div class="AccordionPanelContent">
    <ul>
    <li spry:if=" '{strategic1::Link1}' != 'undefined' "
    class="SubMenu"><a href="{URL1}"
    class="SubMenu">{Link1}</a></li>
    <li spry:if=" '{strategic1::Link2}' != 'undefined' "
    class="SubMenu"><a href="{URL2}"
    class="SubMenu">{Link2}</a></li>
    <li spry:if=" '{strategic1::Link3}' != 'undefined' "
    class="SubMenu"><a href="{URL3}"
    class="SubMenu">{Link3}</a></li>
    <li spry:if=" '{strategic1::Link4}' != 'undefined' "
    class="SubMenu"><a href="{URL4}"
    class="SubMenu">{Link4}</a></li>
    <li spry:if=" '{strategic1::Link5}' != 'undefined' "
    class="SubMenu"><a href="{URL5}"
    class="SubMenu">{Link5}</a></li>
    </ul>
    </div>
    </div>
    </div>
    </div>
    </div>
    AND HERE IS MY XML FILE
    <Content>
    <IdMenu>2</IdMenu>
    <Menu>tab01</Menu>
    <SunMenu>SUB2</SunMenu>
    <Link1>link01</Link1>
    <Link2>link02</Link2>
    <Link3>link0303</Link3>
    <URL1>../link01.asp?panel=0#strategic</URL1>
    <URL2>../link02.asp?panel=0#strategic</URL2>
    <URL3>../link03.asp?panel=0#strategic</URL3>
    </Content>
    <Content>
    <IdMenu>3</IdMenu>
    <Menu>tab02</Menu>
    <SunMenu>SUB3</SunMenu>
    <Link1>link01</Link1>
    <Link2>link02</Link2>
    <Link3>link0303</Link3>
    <URL1>../link01.asp?panel=0#strategic</URL1>
    <URL2>../link02.asp?panel=0#strategic</URL2>
    <URL3>../link03.asp?panel=0#strategic</URL3>
    </Content>
    <Content>
    <IdMenu>4</IdMenu>
    <Menu>tab03</Menu>
    <SunMenu>SUB4</SunMenu>
    <Link1>link01</Link1>
    <Link2>link02</Link2>
    <Link3>link03</Link3>
    <Link4>link04</Link4>
    <Link5>link0303</Link5>
    <URL1>../link01.asp?panel=0#strategic</URL1>
    <URL2>../link02.asp?panel=0#strategic</URL2>
    <URL3>../link03.asp?panel=0#strategic</URL3>
    <URL4>../link04.asp?panel=0#strategic</URL4>
    <URL5>../link05.asp?panel=0#strategic</URL5>
    </Content>
    The Question
    Is there a way to get the number of childnodes from the XML
    file and load it to a var x and loop
    <li spry:if=" '{strategicx::Linkx}' != 'undefined' "
    class="SubMenu"><a href="{URLx}"
    class="SubMenu">{Linkx}</a></li>
    instead of repeating the spry:if 5 times
    <li spry:if=" '{strategic1::Link1}' != 'undefined' "
    class="SubMenu"><a href="{URL1}"
    class="SubMenu">{Link1}</a></li>
    <li spry:if=" '{strategic1::Link2}' != 'undefined' "
    class="SubMenu"><a href="{URL2}"
    class="SubMenu">{Link1}</a></li>
    <li spry:if=" '{strategic1::Link3}' != 'undefined' "
    class="SubMenu"><a href="{URL3}"
    class="SubMenu">{Link1}</a></li>
    <li spry:if=" '{strategic1::Link4}' != 'undefined' "
    class="SubMenu"><a href="{URL4}"
    class="SubMenu">{Link1}</a></li>
    <li spry:if=" '{strategic1::Link5}' != 'undefined' "
    class="SubMenu"><a href="{URL5}"
    class="SubMenu">{Link1}</a></li>

    Siva,
    My suggestion:
    1). Create a managed bean that contains nested java.util.List's or java.util.Array's that read the menu hierarchy from the database
    2). Use af:forEach tags inside of af:panelAccordion to iterate through the menu structure and stamp out the menu items.
    John

  • Nested Menus Not Appearing in a Custom Panel Fly-out Menu

    I tried to create a menu for a custom panel, using the example which David Clark graciously pointed out to me:
    http://cssdk.host.adobe.com/sdk/1.0/docs/WebHelp/programmers_guide/cus tomizing_the_ui.htm
    However, the nested menu items do not appear. I only see Item 1 and Item 2 (and the separator and Item 3), but not Item 2-1. I was expecting to see Item 2-1 nested under Item 2.
    I used the menu structure provided in the example (note that there is an error in the example - one of the closing tags is incorrectly specified as "<MenuItem/>" instead of "</MenuItem>"). Below is the corrected XML and my code:
    protected function createMenu():void
       var xmlMenu:XML =
        <Menu>
          <MenuItem Id="item_1" Label="Item 1"/>
          <MenuItem Label="Item 2">
            <MenuItem Label="Item 2-1"/>
          </MenuItem>
          <MenuItem Label="---"/>
          <MenuItem Label="Item 3"/>
         </Menu>;
        CSXSInterface.instance.addEventListener(MenuClickEvent.FLYOUT_MENU_CLICK, menuClickHandler);
        var menuAdded:SyncRequestResult = CSXSInterface.getInstance().setPanelMenu(xmlMenu);
        if (SyncRequestResult.COMPLETE != menuAdded.status)
         trace("Unable to add menu");
       public function menuClickHandler(event:MenuClickEvent):void
           switch (event.menuName) //you can also use the menuId
        case "Item 1":
        trace("Item 1 has been clicked");
        break;
        default:
        trace("clicked " + event.menuName);
    I'd appreciate it if somebody could tell me what I'm doing wrong.
    TIA,
    mlavie

    Hi Bob,
    Any news? BTW - the example should be corrected - there is a tag incorrectly closed.
    Regards,
    mlavie

  • Multiple/nested levels in CSS horizontal drop menu

    I am working on updating my horizontal menu and I need to have a nested menu inside the dropdown to display to the right of its parent menu.
    Example:
    <ul id="navbar">
    <li><a href="#">Paper &amp; Printing &#9660;</a>
    <ul>
    <li><a href="paper.html">Copy &amp; Printer Paper</a>
           <ul>
                <li><a href="letter">Letter</a></li>
                <li><a href="legal">Legal</a></li>
                <li><a href="ledger">Ledger</a></li>
                <li><a href="computer">Computer</a></li>
                </ul>
    </li>
    <li><a href="pads.html">Tablets &amp; Notebooks</a></li>
    <li><a href="art.html">Art Paper &amp; Supply</a></li>
    <li><a href="printaccess.html">Ink &amp; Toner</a></li>
    </ul>
    </li>
    I want the types of paper (i.e. letter, legal, ledger...) to pop out to the right of the parent "Paper & Printing"  -> "Copy & Printer Paper"  .  I know I'm lacking the css for #navbar ul li ul li and so on, but everything I have tried doesnt work.
    Here is the css I have so far:
    http://www.liquidatorswarehouse.net/css/menu.css
    Thanks for any help

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Untitled Document</title>
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
    </head>
    <body>
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="#">Paper &amp; Printing &#9660;</a>
        <ul>
          <li><a href="paper.html">Copy &amp; Printer Paper</a>
            <ul>
              <li><a href="letter">Letter</a></li>
              <li><a href="legal">Legal</a></li>
              <li><a href="ledger">Ledger</a></li>
              <li><a href="computer">Computer</a></li>
            </ul>
          </li>
          <li><a href="pads.html">Tablets &amp; Notebooks</a></li>
          <li><a href="art.html">Art Paper &amp; Supply</a></li>
          <li><a href="printaccess.html">Ink &amp; Toner</a></li>
        </ul>
    </ul>
    <script type="text/javascript">
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    </script>
    </body>
    </html>

  • Jquery Accordion as menu problem

    I implemented Jquery accordion as a menu. I have following setup for the accordion menu (page template body region position 3, column 1):
    MENU 1
    ¦_ Link to report 1
    ¦_ Link to report 2
    MENU 2
    ¦_ Link to report 3
    ¦_ Link to report 4
    On page template body region position 3, column 2 .... I have the Jquery Tab to shows the selected report according to the accordion menu selection.
    At initial page loading, MENU 1 is expanded and MENU to is collapse...this is OK.
    Then user clicks on the MENU 2, immediately the MENU 1 collapsed and MENU 2 expanded and shown the "Link to report 3" and "Link to report 4".
    But when user clicks on the "Link to report 3", the page is refresh / submitted and the Jquery tab on column 2 showing the correct report but the accordion MENU 1 is expanded and MENU 2 is collapsed.
    How can I make: when user clicks on menu item (Link to report 3 or Link to report 4) of MENU 2, the MENU 2 still expanded and MENU 1 is still collapsed?

    Hello,
    You can programitacally open the right tab. Here is the code I use on http://anychart.apex-evangelists.com (the menu on the left is an accordion)
    &lt;script type="text/javascript">
      $(function() {
        $('#accordion').accordion({
          header: 'h3',
          active: '.selected',
          selectedClass: 'active'
    &lt;/script>Regards,
    Dimitri
    http://dgielis.blogspot.com/
    http://www.apex-evangelists.com/

  • IPhone screen touch sensors cancelled out over gallery when accordion w/ menu embedded extends over

    iPhone 4s screen touch sensors are cancelled out over a gallery when an accordion w/ a menu embedded in it extends over the area.  Upon FTP uploading the site, when I load each page from my iPhone the menu extends and then retracts.  The area over which the accordian panel with the menu in it extends loses the touch sensitivity.  I learned this when I had a gallery at the top of the page.  Swiping left or right only continues to work bellow where the accordian extended to before retracting.  And although activating the "Light box" works, the light box itself becomes an empty spot on the screen because it's invisible from my phone.  Either I can place the Light box at the top of the screen under the banner and menu or at the bottom.  Either way, it looks like a blank spot from my phone.
    Please fix these features.
    Thank you.

    After almost 2 days of ICS, here's another update:
    CONS:
    No notification on lockscreen. The heck important is that.
    Calendar widget not even showing the next event.
    Lag on Facebook, or even other social media apps while typing something.
    SYSTEM UI IS NOT RESPONDING. I almost gone in that moment, where I did a quick Settings Reset after reboot. This is a major con, Sony.
    Swiping up and down with many items is now unresponsive, sometimes stopping quickly at a certain point.
    PROS:
    Bloatwares can now be disabled, or even uninstalled in Apps Settings. I tried to remove What's App, appXtra, and UEFA.com bloatwares, and now it's gone. Let's Golf HD can now be disabled.

  • Nested Accordion

    I would like to use the accordion to nest multiple levels of
    links, while using semantic HTML. This means not surrendering to
    DIV soup, but using multiple UL/LI combinations. The HTML I have
    worked out, but JavaScript isn't my strong point. How would I edit
    the JavaScript to make this work? HTML code sample below:
    <div id="mainNav" class="Accordion">
    <ul class="AccordionPanel">
    <li class="AccordionPanelTab">My Flagship</li>
    <li class="AccordionPanelContent">
    <ul>
    <li class="sectionLinksLevel2">My Home</li>
    <li>
    <ul>
    <li class="sectionLinksLevel3">My Loans</li>
    <li class="sectionLinksLevel3">My Tasks</li>
    <li class="sectionLinksLevel3">My Pool
    Tasks</li>
    <li class="sectionLinksLevel3">My Team
    Tasks</li>
    <li class="sectionLinksLevel3">My Alerts</li>
    </ul>
    </li>
    <li class="sectionLinksLevel2">Flagship
    Settings</li>
    <li class="hideMe">
    <ul>
    <li class="sectionLinksLevel3">Change
    Password</li>
    <li class="sectionLinksLevel3">User Profile</li>
    </ul>
    </li>
    <li class="sectionLinksLevel2">Underwriting
    ModelTraining / Resource</li>
    </ul>
    </li>
    </ul>
    </div>

    You basically just insert an entire Accordion structure
    inside one of the Accordion content panels of the outer accordion
    and make sure that you call the constructor for the inner one:
    <div id="outerAccordion" class="Accordion">
    <ul class="AccordionPanel">
    <li class="AccordionPanelTab">Outer Accordion Panel
    1</li>
    <li class="AccordionPanelContent">
    <p>Here's a nested Accordion!</p>
    <div id="innerAccordion" class="Accordion">
    <ul class="AccordionPanel">
    <li class="AccordionPanelTab">Inner Accordion Panel
    1</li>
    <li class="AccordionPanelContent">Inner Panel 2
    Content</li>
    </ul>
    <ul class="AccordionPanel">
    <li class="AccordionPanelTab">Inner Accordion Panel
    2</li>
    <li class="AccordionPanelContent">Inner Panel 2
    Content</li>
    </ul>
    </div>
    </li>
    </ul>
    </div>
    <script>
    var outer = new Spry.Widget.Accordion("outerAccordion");
    var inner = new Spry.Widget.Accordion("innerAccordion");
    </script>
    --== Kin ==--

  • Help on XML accordion menu

    Hi everybody, I'm desperately trying to emulate the
    accordion-to-text menu as seen on www.posttool.com.
    1) I've tried to have my accordion opening dynamically upon
    text file lenght but I didn't.
    2) Also I can't make the script load the xml text content
    (with html tags) from another xml file.
    I want menu.xml to give my buttons a NAME and a CONTENT
    picked up from another xml.

    HI
    You have a closed </Folder> node with no open
    <Folder> node in your XML file.
    Hope it helps

  • Make an Accordion Dynamic Menu

    Hi all,
    Is there a resource that could help me easily build a jquery/js accordion from Dynamic Menu module v2? All the stuff I've found so far deal with the root-level being a div or a non-link. If I am not mistaken, such is not possible with the menu module.
    The nearest I've found is http://viralpatel.net/blogs/create-accordion-menu-jquery/

    Hi Nicole, and thanks. I already saw that sample from Chad, however I took a closer look upon your mentioning it.
    I got it to work with a bit of tweaking. As it is, none of the links in the menu would be clickable due to the preventDefault method he has. So I made some changes
    <script type="text/javascript">
                $(document).ready(function() {
                        $("#nav-lftbar ul li a").click(function(e) {
                                e.preventDefault();
                                $(this).siblings("ul").slideToggle("fast");
                $(document).ready(function() {
                        $("#nav-lftbar ul li ul li a").click(function(f) {
                                var href = this.href;
                                window.location = href;
            </script>
    Hopefully someone else finds that useful.
    Thanks again everyone!

  • Dynamic Menu Creation Problem

    Hi,
    I am trying to implement a dynamic JSF menu, by coding for it in a request bean, and have hit a stumbling block with regards to adding a panelMenu to another panelMenu. I understand how to add outputLink and outputText to the menu and even how to add another panelMenu to the menu.
    Here is the code:
    HtmlPanelMenu panelMenu = new HtmlPanelMenu();
    panelMenu.setId("menuMain");
    panelMenu.setStyleClass("panelMenu");
    HtmlPanelMenu subMenu = new HtmlPanelMenu();
    subMenu.setId("subMenu");
    HtmlOutputText text1 = new HtmlOutputText();
    text1.setValue("Enquiry Menu");
    text1.setId("text1");
    subMenu.getChildren().add(text1);
    HtmlOutputLinkEx outputLink1 = new HtmlOutputLinkEx();
    outputLink1.setId("link1");
    outputLink1.setValue("enquiry.faces");
    HtmlOutputText text2 = new HtmlOutputText();
    text2.setId("authoritiesLinkText");
    text2.setValue("Branch Enquiry");
    outputLink1.getChildren().add(text2);
    subMenu.getChildren().add(outputLink1);
    panelMenu.getChildren().add(subMenu);When I try to run the page I get the following error:
    javax.servlet.ServletException: nested menu's require a menu owner - some item that is contained in a f:facet with name = "header"
    This is running on Websphere v7. I can see from the specification that the outputText for the submenu (text1) should have a surrounding facet, but I cannot find such an object anywhere. I have tried using FacetTag but this doesn't work as it hasn't got a children property to attach the outputText to it.
    Am I missing something or is it that this is the wrong way?
    Any help would be appreciated!
    Steve
    Edited by: Steve-Waterfall on Oct 22, 2009 1:37 PM
    Edited by: Steve-Waterfall on Oct 22, 2009 1:38 PM

    Ahhh you were nearly there
    try
    HtmlPanelMenu panelMenu = new HtmlPanelMenu();
    panelMenu.setId("menuMain");
    panelMenu.setStyleClass("panelMenu");
    HtmlPanelMenu subMenu = new HtmlPanelMenu();
    subMenu.setId("subMenu");
    HtmlOutputText text1 = new HtmlOutputText();
    text1.setValue("Enquiry Menu");
    text1.setId("text1");
    here is the key
    subMenu.getFacets().put("header",text1);
    HtmlOutputLinkEx outputLink1 = new HtmlOutputLinkEx();
    outputLink1.setId("link1");
    outputLink1.setValue("enquiry.faces");
    HtmlOutputText text2 = new HtmlOutputText();
    text2.setId("authoritiesLinkText");
    text2.setValue("Branch Enquiry");
    outputLink1.getChildren().add(text2);
    subMenu.getChildren().add(outputLink1);
    panelMenu.getChildren().add(subMenu);

Maybe you are looking for

  • Error while running setup /preparead

    While installing the exchange 2010 when it get to tha part /preparead it gives an error something missing in AD windows 2008 std One DC, and exchange being installed on this server. Thanks for the help. [10-24-2010 15:47:21.0679] [2] About to create

  • File handles don't close when the pdf is closed?

    Using Acrobat X on Windows 7 Pro in a networked environment. Once I open a PDF file in Acrobat, as long as I have acrobat running, (even after I have closed the file and moved on) I cannot change/move/rename the file. Since I spend a lot of time revi

  • Aperture 3 and iPhoto 11 Deletion Disaster

    I had been using iPhoto 11 exclusively. I decided to try using Aperture 3. I populated a new Aperture library by referencing my entire iPhoto library, leaving the files in their original location. I decided to stop using Aperture and deleted the iPho

  • TUNING METHODS

    Can any one please tell me in easy language about performance tuning methods. Please don't give online doc as a reference.

  • BR0301E SQL error -1031 at location dblog_cleanup-5

    BR0301E SQL error -1031 at location dblog_cleanup-5 ORA-01031: insufficient privileges BR0280I BRCONNECT time stamp: 2010-10-09 21.10.16 BR0301E SQL error -1031 at location dblog_cleanup-6 ORA-01031: insufficient privileges Kindly suggest me how to r