DreamWeaver Spry Menu Help

OK! So im pretty good with Adobe DreamWeaver and have no problem creating or editing a Spry Menu. My issue is how to Edit a Spry Menu so that i can add or remove topics across multiple pages, without having to individualy edit each page.
I am looking to have a website of over 500 Pages and i want one Spry Menu bar that can be edited once, but changes the drop down options for all 500+ pages that. I will frequently want to update the Spry Menu.
If anyone here has any idea how i do that, please let me know, i have been searching google all day, with no luck.
Thanks

You would use a SSI file (Server Side Include)
The idea is that you create one file (containing all the spry menu coding) and then via the server side include the spry menu coding is inserted into all of the pages that you apply it to.
When you come to update the menu you just change the one file and upload that to your server instead of 500 pages.
Google 'server side include'

Similar Messages

Dreamweaver / Spry Menu / iWeb question

Hi,
I'll try to keep this brief. I'm not a talented web page designer... I know my way around iWeb and have poked around a bit in Dreamweaver.
In Dreamweaver I've created a simple Spry horizontal dropdown menu. I'd like to add that menu bar I've made into an iWeb page using "add html" snippet. I can't seem to get to work though. I am aware that Dreamweaver creates a folder called "SpryAssets" that is necessary for this to work, and I've attempted to move it into my iWeb root folder but still no success.
A) Is this even possible?
B) Can anyone walk me through how I can merge a Dreamweaver Spry Menu bar into an iWeb snippet?
Many thanks if you can give this a quick whirl and see if its possible.

Post-published pages do not show up in iWeb. iWeb is not an html editor that displays html pages, it generates html pages upon publish. So no. the page would not be visible in iWeb and anytime you made a change to your iWeb page you would need to publish the site, open the generated html page, and edit the html to add the spry menu.
As you've mentioned you have already created the spry menu so you have the spry menu code. Do as I mentioned in the first post: create a text box with easy to find words, publish, open the html file, replace CODEGOESHERE with your spry menu code. Add linked js and css to head of iWeb-generated html page. An example of the code to replace with your spry menu code would look like this:
<div>CODEGOESHERE</div>
replace CODEGOESHERE with your spry menu code. Then in head add links to spry .js and css
iWeb is a toy, dreamweaver is a professional tool used to develop prototypes of professional websites. You are looking for a bridge between the two which will become cumbersome. I recommend that you drop iWeb, learn html and css and use DW for your web development needs.

Having Problem with Spry Menu - Help appreciated

Hello there
I am currently developing my website but I am having terrible problems with the spry menu. I have tried lots of things but not yet resolved the issue. I will try to give as much info as possible. My website is www.huntfilms.ie
When I am in dreamweaver the site looks fine and when I preview in browser also looks fine but when I have uploaded to server there is the problem as you can see.
I uploaded all the files that are required I think . I have attached a screen grab of my server view below. : I have six spry files : js,css and four giff files : I have included the code below. I would apprecaite help as been at this for best part of day with no luck ; going mad here
thanks
Barry
<script src="file:///Macintosh HD/Users/barryhunt/Desktop/huntfilms1/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="file:///Macintosh HD/Users/barryhunt/Desktop/huntfilms1/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body class="oneColElsCtrHdr">
<div id="container">
<div id="header">
    <h1>Hunt Films</h1>
</div>
<ul id="MenuBar1" class="MenuBarHorizontal">
    <li><a href="file:///Macintosh HD/Users/barryhunt/Desktop/huntfilms1/home.html">home</a>    </li>
    <li><a href="file:///Macintosh HD/Users/barryhunt/Desktop/huntfilms1/sample.html">Sample work</a></li>
    <li><a href="file:///Macintosh HD/Users/barryhunt/Desktop/huntfilms1/Contact.html">Contact Us</a>    </li>
</ul>
<div id="mainContent">
    <p><iframe src="http://player.vimeo.com/video/17962693?title=0&byline=0&portrait=0" width="400" height="320" frameborder="0" webkitAllowFullScreen allowFullScreen></iframe> </p>
    <p> </p>
    <p>Welcome! </p>
    <p>Hunt Films was set up in January 2011 by documentary maker Barry Hunt.</p>
    <p>Barry received training in TV and Video Production with FÁS in Tralee, Co Kerry. During this training Barry produced a series of short films about local artists. In 2006 he worked as assistant editor on the successful RTÉ drama series, ‘Love is the Dfile:///Users/barryhunt/Desktop/Picture%201.pngrug’.</p>
    <p>Since 2010 Barry has embarked on solo projects producing two entertaining half hour documentaries. 'Liberation', explores the world of pigeon racing in Dublin. This film was very well received at the Galway Film Festival 2011. More recently Barry produced 'The Gregory Seat', a documentary which follows Maureen O'Sullivan’s campaign to be elected in the 2011 General Election.</p>
    <p>Barry looks forward to producing more documentaries. He is interested in human stories and hopes that this will form the basis of his future work. At present, Barry is developing projects for film festivals and general broadcast    </p>
    <p> </p>
</div>
<div id="footer">
    <p>Footer</p>
</div>
</div>
<script type="text/javascript">

</script>
</body>
</html>
server view of files uploaded file:///Users/barryhunt/Desktop/Picture%201.png

here is the code still not working can anyone tell me why
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">

</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body class="oneColElsCtrHdr">
<div id="container">
<div id="header">
    <h1>Header</h1>
</div>
<div id="mainContent">
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a class="MenuBarItemSubmenu" href="#">Item 1</a>
        <ul>
          <li><a href="#">Item 1.1</a></li>
          <li><a href="#">Item 1.2</a></li>
          <li><a href="#">Item 1.3</a></li>
        </ul>
      </li>
      <li><a href="#">Item 2</a></li>
      <li><a class="MenuBarItemSubmenu" href="#">Item 3</a>
        <ul>
          <li><a class="MenuBarItemSubmenu" href="#">Item 3.1</a>
            <ul>
              <li><a href="#">Item 3.1.1</a></li>
              <li><a href="#">Item 3.1.2</a></li>
            </ul>
          </li>
          <li><a href="#">Item 3.2</a></li>
          <li><a href="#">Item 3.3</a></li>
        </ul>
      </li>
      <li><a href="#">Item 4</a></li>
    </ul>
    <h1> </h1>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id, libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. Donec nec libero.</p>
    <h2>H2 level heading </h2>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
</div>
<div id="footer">
    <p>Footer</p>
</div>
</div>
<script type="text/javascript">

</script>
</body>
</html>

Effects not appearing in Dreamweaver Spry menu

Hi Folks,
I've installed the Spry updater in Dreamweaver CS3 then used
it to update the Spry assets. I selected all assets, including
effects. All were updated (some added for the first time) except
for effects. It does not appear in the Spry menu at all. Does
anybody know why effects might not be available on the Spry menu in
Dreamweaver even after being selected for update?

quote:
Originally posted by:
Donald Booth
Spry Effects are found in the Behaviors panel, in the Effects
category.
They are not in the Insert Panel because they aren't
'objects'.
I know it's hard to discover and rest assured we argued about
it a bit.
Hope this helps.
Don
Ah ha! That's it. (I can see why they belong there, of
course, but I sure didn't think to look there.
In case any other newbies are in the same boat, you not only
have to select Windows/Behaviors, which will bring up the Behavior
panel, you then need to select an element (like a div) to which you
want to apply the effect, click on the plus sign in the behaviors
panel, then select Effects from the list.
Thanks for the help, Don.

Dreamweaver Spry Menu Not Working Properly

Hello,
I'm putting a horizontal spry menu bar into a table cell (I haven't had the time to learn how to use divs yet and tables have been working fine for me). I have 6 items in the menu with 2 or3 drop down menus for each one. When I view it in live view, when I roll over the menu items, the whole bar drops down to the left side and becomes vertical. Why is this happening? It is shorter than the table cell so that shouldn't be the problem. Thank you for your help.

Okay, this is crude, but it's as far as I got. Only some of the buttons cause the menu to move down. Please keep in mind that I am a designer, not a programmer. I'm learning, but am very weak when it comes to coding knowledge. Thanks.
http://littlechisel.com/Ideal_Window/

Dreamweaver Spry Menu not working on I pad

Hi
I have built a website and currently have issues with the spry menu bar not working with the ipad i phones etc.
When you press the link the dropdown menu does not appear.
Any help would be greatly appreciated.
The website is www.jkwindowsanddoors.co.uk and the link is the products in the spry menu bar.
Many Thanks

The Spry menu system was created prior to the advance of touch screens. The action that causes the Spry sub-menu to appear is the hover event, an event that does not exist in touch screen technology.
What I am trying to say is that the Spry menu system cannot be used for touch screens. You are better off using pure CSS menus or jQuery menus.

Dreamweaver Spry menu bar focus state

How do I keep the link highlighted when I am on that page using the Spry menu bar feature in DreamWeaver CS5.5?
Thank you,
Denise

I understand what you are saying but do not have a clue how to implement this script. I am more on the designer end of things. I am comfortable editing CSS but this is a bit out of my radar. How do I make a separate SpryDOMUtils.js file?
What and where of this info do I copy into my html file?
Here are the pages I am trying to get this to work on. On this page I want the Dwell link on the left to be the orange color:
http://www.techart.com/staging/DavidBWeb/press/dwell.html
Thank you for your time.
Denise

Ie Spry Menu help

Hey guys,
Im building a site with a spry menu on the left hand side. It
looks good in Safari but the dimensions are bad in ie. Can you tell
me what I'm doing wrong?
www.thecorpsofexcellence.org
Thanks for your help!
kcd

Hi,
I have a similar problem. Everything works in IE7 and FF, but
in IE6, my Spry Vertical menu appears in the wrong place on the
page. The outline of the menu is in the right place, but the actual
buttons are like a ghost in another place.

Spry Menu Help Needed

I have searched through the forum and did not find an answer
to this question.
I successfully created a horizontal menu using the spry
widget for horizontal menu.
The problem is that in IE, the menu throws the sub menus far
to the right. It functions beautifully in firefox and Safari.
PLEASE HELP!
Thanks!
Attached is the .css file:

The answer to this question is that the spry menu system for
a horizontal menu does not work if you align the top link to the
center. It worked fine when I set it back to the left.
Too bad.

Spry menu Help Me

I need help!!! I cannot for the life of me figure out how to
include a spry menu bar that I made into all the pages in my
website. I believe that I would have to use some sort of include
statement but that's about all I know. So can someone please help
me...

Umm I don't quite understand what problem you have.
A menu is marked up in an Unordered List -
<ul></ul>
and List Items - <li></li> for the... Items
For sub menu you put another unordered list into a List Item
You then need to apply the classes and ids then reference
them in the javscript
Everything you need is in the documentation here:
http://labs.adobe.com/technologies/spry/articles/menu_bar/index.html

Spry menu help 2

i have the correct links typed in on my spry menu bar but two
arent working (our pastors and events)and my sub menus wont even
act as links. also on some pages the menu bar goes under the text?
any help woul be great! thanks
http://www.pnlfamily.org is the
site i am working on

Hello,
There are multiple problems that should be solved in your
page. The most important one is the fact your page is not having on
top of the page the necessary comment that identifies the HTML
version to be used. This will cause the browsers to interpret your
page in
Quirks
Mode, instead of Strict Mode. The Quirks Mode is not supported
by us because of the numerous problems that exists on different
browsers in behaviors. Please add the correct DOCTYPE to your page
which will put the page in the Standard Mode and all the browsers
will render the page (or at least they try) in compliance with the
current standards on the web.
The code in page is not compliant with any HTML standards
containing multiple <body> and <html> inside which will
make the browsers to behave completely weird. You should use the
W3C validator and correct all
the problems the validator reports. In case you use any Spry
special tags in your page you'll have to read the
Spry
W3C validation documentation.
You have in IE7 a JavaScript error in page because you use a
function "qm_create" that is defined in a file which is not loading
because of the difference in interpreting the multiple <html>
tags in your document. Actually your problem appear in IE only and
not in FF, where this JS error doesn't exists as well, and this
could be one of the reasons.
You used extensively in your CSS layout absolute positioning
and z-indexing which is not a good practice and most certainly will
trigger some specific bugs in IE where the elements will start
overlapping even if the z-indexes are correctly set. My advice is
to modify the way you designed your CSS and to use the normal page
flow to arrange the elements in page to not need z-indexing and
positioning anymore.
Regards,
Cristian

Spry Menu help

Hello, I've been working on a phpbb3 layout and have placed a
horizontal spry menu into the overall_header.html.
Apart from the arrows not showing up it works perfectly on
www.breeze-studios.com, which is where I've been testing the
layout.
However when we transferred the layout to
www.inspired-quills.com/phpbb3/ the menu stopped working as the
drop down part, wont drop down. The folder set up betweent the two
sites is the same, so I'm really at a loss as to why it wont work.
Any ideas?
I've attached a copy of the overall_header.html

Hello,
This is a known issue we have on IE caused by a fix trying to
overcome another IE bug. To solve this problem you'll have to
search in your menu CSS file for the following contextual selector
(almost on the bottom of the page):
ul.MenuBarHorizontal iframe
position: absolute;
z-index: 1010;
and add inside the following line:
filter:alpha(opacity:0.1);
The final code will look something like this:
ul.MenuBarHorizontal iframe
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
This fix is included in the latest versions of Spry which
will be soon released.
Regards
Cristian MARIN

Using external xml for spry menu help

Just started playing with DW CS3, I would like to know how to
insert a spry menu and get the xml data from an external file. Can
anyone point me at a suitable example or tutorial please?

The video workshop has some great tutorials with spry.
http://www.adobe.com/designcenter/video_workshop/
Aram

Dreamweaver "SPRY" Menu - Question on editing the CSS?

Hi, I am using the "SPRY" menu in DW CS4
In the CSS Styles panel there are a lot of "ul" (unordered lists) and "li" (lists) but I am unsure which ones to edit to get the changes I need below. If someone could give me some direction I would be very thankful.
Here is the link to the website with the menu. http://www3.telus.net/~jessum/#
How Do I ...
1.Center the menu horizontally?
2. Change the font style to a sans serif font?
3. Move the menu's to the right so they're centered in the button?
4. Add a different colored background images that will tile the width of the buttons?
5. Change the width of the buttons?
6. Add some "blank" buttons or empty spacers to the left and right of the menu buttons to fill up the with of the menu bar?

Customizing Spry Menu Bar
http://foundationphp.com/tutorials/sprymenu/customize1.php
Centering a Horizontal Spry Menu
http://foundationphp.com/tutorials/sprymenu/centering.php
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Drop down spry menu help... please

I've been working on a website for the company I work for which helps abused, neglected, and abandoned kids. I am having a unique error on each one of my pages. I conduct a compatibility check with my pages and the same thing keeps popping up.... "Found 1 error in SpryMenuBarHorizontal.css" everything works fine in the newer safari and firefox browsers but if I open up IE or earlier versions of other browsers the error is a cluster. Could anyone please help me figure this thing out? I haven't really begun to style my menu because their is no use until I can get this thing nailed down. The link to my testing server is http://fiyahstudios.com/~sheriffs/ Any suggestions are welcome! please keep in mind that this is my first attempt on a website so it's not over-the-top by any means.
Thanks
Jimmy

I did some research and found that the ul.MenuBarHorizontal li.MenuBarItemIE was indeed the problem. Or in fact the background: #FFF reverted my menu bar to a white mass at the top of the page. I think I did get a bit over-zealous and deleted the whole folder. But it works with everything except with all browsers IE6 which is only 2% of the user population. But if anyone is having trouble with spry user-ability a helpful resource is: http://library.creativecow.net/articles/williams_richard/spry_menu_explained.php

DreamWeaver Spry Menu Help

Similar Messages

Maybe you are looking for