How Do I Create an Editable Spry Menu as part of a Template?

I am having considerable trouble trying to work out an issue and hope you can help. I have been working on a webpage that I would like to be a template for a fundraiser we are doing. I used a horizontal spry menu and a vertical spry menu. I have two youtube videos that I would like embedded on the page, but I would like the flexibility to change them for different pages. I am trying to make my horizontal and vertical spry menus editable since I am going to be making pages for all items in the menus. I can't seem to set this up correctly. Can you tell me what I am doing wrong? I have been able to set up editable regions according to my template file, however, when I open the template, I am unable to edit the spry menus or edit the youtube videos. Setting up editable regions also seems to change the look of my page.
Here is what I would like all the pages to look like: http://www.ymimusic.com/shoppers_guide.html
But this is how it looks presently when I try to make a page from the template I created following the instructions from the course: http://www.ymimusic.com/test.html
Since I cannot get the template to work the way I would like, I have not created any links yet. I can send you the template and html page if this will help. Thank you for your help in advance./p>

Murray,
I am just opening your responses now. I will try to clarify again. "There's the rub.  This is not a wise choice.  A completely different  menu in each page will not only confuse your visitors, it will drive you  insane.  I strongly suggest you not do this." You were referring to "What throws us off the track is your wish to be able to have a different  menubar in each page. In that case the menubar will need to be in an  editable region."
What I am simply trying to do is this: If I create a menu that has the following links: About Us, Products, and Contact Us on one page, I want my customers to see the SAME menu on the About Us page, the Products page and the Contact Us page. I am NOT creating different menus on each page. I am trying to automate the format by creating a template that will show these links on each page without me redoing it every page.
When I attempted this, and created a page from the template, I could not get into the menu to assign links to different pages. Using the above example, If I created my About Us page as the template for the site, then created the Products page from the template, I need the ability to assign the links on the Products page to the About Us and Contact Us pages. The page created from the template does not allow me to do this. I cannot get in to assign the links in the Properties section of Dreamweaver. I even attempted to do the following action in the .dwt file I created:
Modify > Templates > Make Attribute Editable
I did this to make the links editable after creating the template. This obviously didn't work.
To summarize: I do NOT want to make different menus on each page. I simply want to create the two menus you see (one horizontal and one vertical) that will be part of the template. I am trying figure out when I assign the links and How. I will go back and read your notes as well as read the help section (F1) as you requested, however that is why I contacted you; I did not understand what I was doing wrong. I have been working with a course series in Lynda.com that has explained much of what to do up to my problem spot, I simply need to understand the concept.
Thank you for your assistance.

Similar Messages

  • How do i create a styled spry mysql driven menu using dreamweaver cs4?

    How do i create a styled spry mysql driven menu using dreamweaver cs4?
    I have cs4. I gave up on using MS sql as a datasource. I finally got a php successfull connection in my PHP web page.
    I would like a nice video tutorial for creating a dynamic menu.
    I guess i can style it by attaching a css file to the page. Are their any already designed css files out there in some online area?
    i am not a good designer. so i would like to simply have a collection of menu_style.css files and choose what looks good.
    But first i need to build the spry menu from the mysql database.
    Any help is apprechiated.
    My first choice was to maintain the data in an MS sql server file. If i could directly attach to an ms sql datasource then that would be the best option.
    I dont think i want to have to re-generate an XML datasource each time i add or modify the menu. I would like to maintain the MS Sql or mySql file instead.
    If i could generate an XML datasource from the MS Sql database then I may even prefere that, but i have spent a lot of time trying to figure out how to do that and not had any success. So i prefere working in MS sql but would settle for mySql if i had to.
    Thanks
    Jerry

    To create a dynamic menu take a look here http://labs.adobe.com/technologies/spry/samples/menubar/MenuFromNestedData.html#
    The XML file for the above menu looks like this
    <?xml version="1.0" encoding="utf-8"?>
    <items>
         <item id="0001" type="donut">
              <name>Cake</name>
              <ppu>0.55</ppu>
              <batters>
                   <batter id="1001">Regular</batter>
                   <batter id="1002">Chocolate</batter>
                   <batter id="1003">Blueberry</batter>
                   <batter id="1003">Devil's Food</batter>
              </batters>
              <topping id="5001">None</topping>
              <topping id="5002">Glazed</topping>
              <topping id="5005">Sugar</topping>
              <topping id="5007">Powdered Sugar</topping>
              <topping id="5006">Chocolate with Sprinkles</topping>
              <topping id="5003">Chocolate</topping>
              <topping id="5004">Maple</topping>
         </item>
         <item id="0002" type="donut">
              <name>Raised</name>
              <ppu>0.55</ppu>
              <batters>
                   <batter id="1001">Regular</batter>
              </batters>
              <topping id="5001">None</topping>
              <topping id="5002">Glazed</topping>
              <topping id="5005">Sugar</topping>
              <topping id="5003">Chocolate</topping>
              <topping id="5004">Maple</topping>
         </item>
         <item id="0003" type="donut">
              <name>Buttermilk</name>
              <ppu>0.55</ppu>
              <batters>
                   <batter id="1001">Regular</batter>
                   <batter id="1002">Chocolate</batter>
              </batters>
         </item>
         <item id="0004" type="bar">
              <name>Bar</name>
              <ppu>0.75</ppu>
              <batters>
                   <batter id="1001">Regular</batter>
              </batters>
              <topping id="5003">Chocolate</topping>
              <topping id="5004">Maple</topping>
              <fillings>
                   <filling id="7001">
                        <name>None</name>
                        <addcost>0</addcost>
                   </filling>
                   <filling id="7002">
                        <name>Custard</name>
                        <addcost>0.25</addcost>
                   </filling>
                   <filling id="7003">
                        <name>Whipped Cream</name>
                        <addcost>0.25</addcost>
                   </filling>
              </fillings>
         </item>
         <item id="0005" type="twist">
              <name>Twist</name>
              <ppu>0.65</ppu>
              <batters>
                   <batter id="1001">Regular</batter>
              </batters>
              <topping id="5002">Glazed</topping>
              <topping id="5005">Sugar</topping>
         </item>
         <item id="0006" type="filled">
              <name>Filled</name>
              <ppu>0.75</ppu>
              <batters>
                   <batter id="1001">Regular</batter>
              </batters>
              <topping id="5002">Glazed</topping>
              <topping id="5007">Powdered Sugar</topping>
              <topping id="5003">Chocolate</topping>
              <topping id="5004">Maple</topping>
              <fillings>
                   <filling id="7002">
                        <name>Custard</name>
                        <addcost>0</addcost>
                   </filling>
                   <filling id="7003">
                        <name>Whipped Cream</name>
                        <addcost>0</addcost>
                   </filling>
                   <filling id="7004">
                        <name>Strawberry Jelly</name>
                        <addcost>0</addcost>
                   </filling>
                   <filling id="7005">
                        <name>Rasberry Jelly</name>
                        <addcost>0</addcost>
                   </filling>
              </fillings>
         </item>
    </items>
    Then remains the manner in which you create the XML file which can be found here http://labs.adobe.com/technologies/spry/samples/utils/query2xml.html
    One you have your menu up and running, you will be able to apply styles and effects

  • How to show active page in Spry Menu Bar using images

    Hi,
    I have already read this answer "how to show active page in spry menu bar" but I am using images, not text.  I have mouse-over and mouse-out working in the Spry Menu Bar using image.png and image-over.png, but I cant' figure out how to get the image-over.png to appear on the active page since the spry menu bar is locked on the individual pages.  (I tried to put it in an editable comment, but spry wouldn't go for it. :-)
    Any ideas.  Here is the code:
    <ul id="MenuBar1" class="MenuBarHorizontal">
           <li><a href="../index.html" id="home" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image8','','../images/all_pages/home-over.png',1 )"><img src="../images/all_pages/home.png" alt="Home Page" name="home" width="58" height="20" border="0" id="Image8" /></a></li>
           <li><a href="../show.html" id="show" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('show','','../images/all_pages/show-over.png',1)"><img src="../images/all_pages/show.png" alt="The Show" name="show" width="101" height="20" border="0" id="show" /></a></li>
            <li><a href="../team.html" id="team" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('team','','../images/all_pages/team-over.png',1)"><img src="../images/all_pages/team.png" alt="The Team" name="team" width="97" height="20" border="0" id="team" /></a></li>
            <li><a href="../company.html" id="company" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('company','','../images/all_pages/company-over.png',1)"><img src="../images/all_pages/company.png" alt="The Company" name="company" width="139" height="25" border="0" id="company" /></a></li>
            <li><a href="../beatles-tickets.html" id="tickets" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('tickets','','../images/all_pages/tickets-over.png',1)"><img src="../images/all_pages/tickets.png" alt="Tickets" name="tickets" width="75" height="20" border="0" id="tickets" /></a></li>
            <li><a href="../media.html" id="media" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('media','','../images/all_pages/media-over.png',1)"><img src="../images/all_pages/media.png" alt="Media" name="media" width="61" height="20" border="0" id="media" /></a></li>
            <li><a href="../news-reviews.html" id="news" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('news_reviews','','../images/all_pages/news_reviews-over.png',1 )"><img src="../images/all_pages/news_reviews.png" alt="News-Reviews" name="news_reviews" width="149" height="20" border="0" id="news_reviews" /></a></li>
            <li class="MenuBarHorizontal"><a href="../contact.html" id="contact" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contact','','../images/all_pages/contact-over.png',1)"><img src="../images/all_pages/contact.png" alt="Contact Us" name="contact" width="79" height="20" border="0" id="contact" /></a></li>
         </ul>
    Thanks so much for helping!
    Cheers,
    Janell

    Just found this page:
    Persistent Page Indicator
    Update: Drat, it is for text menus only not using images. :-(
    Cheers,
    Susan

  • How do i create a drop down menu for selecting from the drop down arrow

    how can i create a drop down menu so that when i click on the arrow in the cell i can select from the menu that appears

    katiesandell wrote:
    how can i create a drop down menu so that when i click on the arrow in the cell i can select from the menu that appears
    Hi Katie,
    Welcome to Apple Discussions and the Numbers '09 forum.
    Numbers vocabulary for this feature is a "Pop-up Menu". It's available as a Cell Format, and is set and edited in the Cell Format Inspector.
    See "Using a Checkbox, Slider, Stepper, or Pop-Up Menu in Table Cells" starting on page 96 of the Numbers '09 User Guide.
    This guide, and the equally useful iWork Formulas and Functions User Guide are available for download through the Help menu in Numbers.
    Regards,
    Barry

  • How can i create a drop down menu for set qty in my store?

    I'm wondering how i can create a drop down menu for the qty module that sits on the individual product page. My client sells in quantities of 6 packs. I currently have the minimum order at 6 but i would like to give consumers the option for 6,12,18...and so forth. I was told that it could be accomplished? Hopefully someone can help me.

    Hi Chris -
    Thank you for your reply! I had seen your article before, and just now again attempted to follow it, but I get stuck. There are two things that I'm confused by.
    First off, toward the top, referring to the initial button, you say to add this interaction:
    ON CLICK; Play Transition to comboBox: selected
    ON ROLL OUT; Play Transition to comboBox normal if comboBox is in over state
    ON ROLL OVER; Play Transition to comboBox over if comboBox is in normal
    However, I do not see these transition options. When I select the button, the only interactions I have are to Play transistion to state, Play action sequence, Go to URL, and two for videos. So that's the first roadblock for me.
    But, trying to get passed that, I went down to the portion of the article that refers to adding interaction to the dataset items. Again, I don't get it, as I see no way to add interaction to a dataset item. When I open my design-time data menu, I do see the items, and am able to rename each item, add additional rows, and change the shape of the datalist layout. However, I see no way to add an interaction to a dataset item. I must be missing a step ... Can you help with this?
    Again, thank you!
    Amy

  • How can I create a file brows menu and save option?

    How can I create a file brows menu, if I wont my user to choose a picture from his PC.
    And how can I save my user settings?(this is application going to be only on my users pc)

    You can launch a file selection dialog with FileReference. You can save settings using a SharedObject (like a cookie).
    http://livedocs.adobe.com/flex/3/html/help.html?content=17_Networking_and_communications_7 .html
    http://livedocs.adobe.com/flex/3/html/help.html?content=lsos_3.html
    http://livedocs.adobe.com/flex/3/html/help.html?content=lsos_5.html
    If this is a Flex app, you will only be able to select a file from the local machine and upload to server, you won't be able to open the file in the Flex app, due to security sandbox.
    If this is an AIR app you will not have this restriction.
    If this post answers your question or helps, please mark it as such.

  • Edit Spry Menu Bar using Mouse Click

    Hello…
    I created a Spry Menu Bar and it's working just fine. But on phones and Tablets the submenu doesn't work because it's a mouseover, is it possible to change it to a mouse click?
    Thanks!

    Yes, but it needs a lot of JS coding to do so.
    A better solution is to use a jQuery or pure CSS menubar or visit http://www.projectseven.com/ for a commercial version

  • How do I create a drop down menu with Code Snippets and Flash CS5?

    Hi
    I am wondering how to create a drop down menu using the Code Snippets and CS5?
    There are some older tutorials out there and it would be nice if someone could create an updated drop down menu tutorial, and it might be me doing this after I have figured out the best and easiest way to create one, but before that I need some pointers.
    Thanks!
    Have a great day!
    Paal Joachim

    You can use panel widget to create manual menu where set to show target on rollover.
    Something like this :
    http://muse.adobe.com/exchange-library/menu-vertical-accordion-widget-1
    http://muse.adobe.com/exchange-library/tiptop-navigation-menu
    Thanks,
    Sanjit

  • How do I create this drop down menu?

    I've been trying to figure out how to achieve this animated drop down menu and I just can't.  I've gotten somewhere in between (animation using the accordion panel, and the rollover effect using the composition).
    Any help would be appreciated.  This is the example of what I'm trying to achieve.
    Military Retirement Community Washington DC | Falcons Landing
    Thanks!

    Hello,
    you can create the same dropdown using tooltip composition Widget but the only transition that you can add on rollover and rollout will be fading.
    Please check the attached file.http://adobe.ly/1IxxKfO
    Another alternate will be to create an animation in edge animate and use it in Muse as OAM File.
    Regards
    Vivek

  • How do i create a drop down menu???

    This is nothing to do with creating a run-time menu, rather it is to do with creating a sort of drop down or drop up menu selection with three or more options. I want to have a button at the buttom of the front panel, when you click on it, a menu which contains some options should appear (kind of Start button menu in Windows), and after chosing one option it disapears (the menu). How do i do it in LabView. Thanks

    you can create an event structure that will trigger an event upon a button hit. Now you will have to be careful when using an enum if you want to populate it dynamically. You cannot write directly to the strings property of an enum. I would suggest using a text box and right clicking on it to create a property node. Once you have created the property node then write to the strings property and you will be able to write an array of strings. You can programmatically remove your options from that array before writing it based on what button was hit. Hope this helps.
    BJD1613
    Lead Test Tools Development Engineer
    Philips Respironics
    Certified LV Architect / Instructor

  • How do I create a phone selection menu where the items spin?

    I see other mobile websites where a can selection options from a spinning list like a slot machine.  How do I create one or where would I go to learn about creating them?

    Hi
    You can try panels to create menu , for exact idea can you share any example site where it is implemented.
    Thanks,
    Sanjit

  • How do I create a drop down menu with multiple items in Adobe Acrobat 9?

    I am trying to create a drop down menu with four items within a field box.  When I try to do this
    the font is too big and it just doesn't fit.

    You can use panel widget to create manual menu where set to show target on rollover.
    Something like this :
    http://muse.adobe.com/exchange-library/menu-vertical-accordion-widget-1
    http://muse.adobe.com/exchange-library/tiptop-navigation-menu
    Thanks,
    Sanjit

  • How do i create a drop-down menu in SharePoint that redirects to a new page?..

    Helly everyone, i have a question and really hope someone can help me out here:)
    In SharePoint i want to create a drop-down menu that has the possibelty to redirect to other websites.
    I fount the code below and it works but just not in SharePoint:(
    It only shows the drop-down list but it doesn't redirect you to another website if you click on a site.
    Can someone please help me out because it's really getting frustrating.
    <form method="post" action="" name="">
    <select name="select15" onChange="window.open(this.options[this.selectedIndex].value,'_parent')">
    <option selected>Please Select Site to Visit</option>
    <option>---------------------------------------------------</option>
    <option value="http://leedssocialclubs.co.uk">Leeds Social Clubs </option>
    <option value="http://yahoo.co.uk">Yahoo </option>
    <option value="http://msn.com">MSN </option>
    <option value="http://Moonfruit.com">Moonfruit </option>
    <option value="http://burystaffhire.moonfruit.com/#/home/4548482603">Bury Staff Hire</option>
    </select>
    </form>

    <form>
    <select name="URL" onchange="window.location.href=this.form.URL.options[this.form.URL.selectedIndex].value">
    <option value="">Choose a site</option>
    <option value="http://webdesign.about.com/">Web Design Front Page</option>
    <option value="http://webdesign.about.com/library/beginning/bl_begin.htm">
    Beginning HTML</option>
    <option value="http://webdesign.about.com/od/javascript/">JavaScript Help</option>
    </select>
    </form>
    Demo url
    http://webdesign.about.com/od/examples/l/blfaqddredirect.htm
    script url
    http://webdesign.about.com/od/javascript/a/aa050701a.htm
    For me it is working fine

  • How can I create my own iWeb menu bar?

    Hi!
    I would like to know how can I make a completely different menu than the ones iWeb has for my website?
    Can you explain step by step?
    Regards,

    Here's how I do it :
    http://www.wyodor.net/mfi/roodhout/How_To_Do.html
    http://www.wyodor.net/mfi/Maaskant/How_To.html
    More menus :
    http://www.wyodor.net/mfi/Maaskant/Some_Menus.html
    Menus without the explanation :
    http://www.wyodor.net/_Demo/tmf/Duckmenu.html
    http://www.wyodor.net/_Demo/FloatingMenu/Fixed.html
    http://www.wyodor.net/_Demo/FloatingMenu/DynamicFloat.html
    And lots of menus to explore :
    http://www.cssplay.co.uk/menus/

  • Spry menu z-index in DW template

    I am trying to create a unified website using a dreamweaver template. I have a header with a spry dropdown menu beneath it, which extends (when expanded) down over an editable region in the template. I can make the drop down menu work correctly in the template, but if I add a new div tag near or beneath the dropdown menu in the "child" page (a new document- from the template) it's z-index is above the drop down menu and obscures the drop down menu items. I would like the have the flexibilty of adding the new divs in the editable region in the child pages, but don't know how to make the spry drop menu stay on top... any suggestions ??
    thanks,
    jay

    So, you probably found out that the use of templates has nothing to do with this issue, right?  And the simple solution is to adjust the z-index of the Spry element so that it's higher than anything else on the page.  (in addition you want to limit your use of positioned elements anyhow, since that is not a general layout tool to begin with)

Maybe you are looking for