How to update all spry menu tabs on all pages
Hi, Really need some help. I'm working in DW CS3. I've got a
working Spry menu. ( Eureka!). I quickly made a template to start
building pages. I left the spry bar as an uneditable region. My
question is I made a change to the Spry Menu on the homepage. I
changed one of the always visable tabs from Psychologist to
"Store", and I'm adding new tabs under "instruction" every day.
Problem is the already made pages are showing the original
"non-update" spry menu. Is there a way for me to have DW update the
spry bar on all pages, or is it because I made that uneditable it
won't do it and I have to change the template?
Thanks very much!
I am not using an external style sheet....
Why the heck not? It's so much simpler to maintain site wide styles with one style sheet instead of many.
Dreamweaver, Linking HTML to External Style Sheets
As bregent says, CSS is not going to help you with HTML content. If your site is already built without the aid of Server-Side Includes or DW Templates, another option is Library Items.
Adobe Dreamweaver * Working with library items
Nancy O.
Similar Messages
-
How do I get spry menu tab highlighted when on page ???
Hey guys I'm stuck
I'm trying to get the tab in the spry menubar to be highlighted when each relevant page .. but something isn't right it's not working what am I missing here ???
now when I hover the btn disappears and when on the page the tab isn't highlighted ? Please help ! many thanks in advance for taking the time to look
I have placed this code at the bottom of sprymenuhorizontal.css to over ride above styles !
ul.MenuBarHorizontal a span {
visibility: hidden;
ul.MenuBarHorizontal {
background: url(images/btn.png) no-repeat;
height: 35px;
ul.MenuBarHorizontal :hover, ul.MenuBarHorizontal :focus,
ul.MenuBarHorizontal .MenuBarItemHover, ul.MenuBarHorizontal .MenuBarItemSubmenuHover, ul.MenuBarHorizontal .MenuBarSubmenuVisible {
background: url(images/btnhover.png) no-repeat;
ul.MenuBarHorizontal li.activeMenuItem {
background: url(images/btnonpage.png) no-repeat !important;
then I put in this code at the top of the page to link to sprydomutils which is in my spryassest folder!
<script src="SpryAssets/SpryDOMUtils.js"></script>
<script>
function InitPage(){
Spry.$$('#MenuBar1 li').forEach(function(node){
var a=node.getElementsByTagName("a")[0]; // finds all a elements inside the li, but we only want the first so [0]
if(a.href == window.location){
Spry.Utils.addClassName(node,"activeMenuItem");
Spry.Utils.addLoadListener(InitPage);
</script>
<script src="SpryAssets/SpryDOMUtils.js"></script>
<script>
function InitPage(){
Spry.$$('#MenuBar1 li').forEach(function(node){
var a=node.getElementsByTagName("a")[0]; // finds all a elements inside the li, but we only want the first so [0]
if(a.href == window.location){
Spry.Utils.addClassName(node,"activeMenuItem");
Spry.Utils.addLoadListener(InitPage);
</script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet">
<style>
ul.MenuBarHorizontal a span {
visibility: hidden;
ul.MenuBarHorizontal {
background: url(images/btn.png) no-repeat;
height: 35px;
ul.MenuBarHorizontal :hover, ul.MenuBarHorizontal :focus,
ul.MenuBarHorizontal .MenuBarItemHover, ul.MenuBarHorizontal .MenuBarItemSubmenuHover, ul.MenuBarHorizontal .MenuBarSubmenuVisible {
background: url(images/btnhover.png) no-repeat;
ul.MenuBarHorizontal li.activeMenuItem {
background: url(images/btnonpage.png) no-repeat !important;
</style>The reason I asked if you used templates or not is that in this case we would have a centralised script to detect the active menu item.
If you have a menu on each page (without the template) then it is easy to mark the menu item as being the current one by simply adding a class as follows
<li class="activeMenuItem"><a href="index.php">Home</a></li>
Now we merely add a few rules to style the active menu item as in
.activeMenuItem a {
background: #a59a84 url(nav_background.png) !important;
color: #ffffff !important;
The !important is necessary otherwise the JS will override these values.
Add the style rules to the bottom of SpryMenuBarHorizontal.css and add the class to each relevant menu item in each document.
Which brings me to the fact that you have used a horizontal menu bar for vertical positioning. Why? I must admit, the effect is not bad and that is more important.
Gramps -
How do you make a Spry menu view on all pages but only have to change it one place?
How do you make a Spry menu view on all pages but only have to change it one place? Someone told me maybe I could create a Library item. Any help will be appreciated.
If your pages all have the same basic design, using a DW Template would be a way to do it...
http://help.adobe.com/en_US/dreamweaver/cs/using/WScbb6b82af5544594822510a94ae8d65-7abea.h tml -
How to make 1 spry menu for the entire site? but not on each page
i have a website that i wish to have multiple pages available all form the same menu and late and probably at regular intervals add more tabs to the menu
is there a way to create a spry menu speratley that the page some how references, something like a frameset but without using framesets?
im sort of new to webdesigning and unsure of the correct terminology, so i am finding it difficult to look up stuff that i don't know the name for, but will gladly go read someting if you point me in the right direction.
regards
for now
wayneYou can do this with PHP or ColdFusion
These are "server side" scripting languages so you will have to test your website after you upload to you web hosting account.
Or if you set up a local server. Without the local server you will get errors when you open them in firefox.
To use the following what you do is "Cut" the part you want to be on all pages out, "Paste" it into a seperate document and in its place on your page you put one of the following suitable tags.
You will also have to rename your main file to .php or .cfm as opposed to .html
Again, whatever page you put one of these tags on, their extention must change match the type of tag used.
First Method (PHP):
PHP is the more common method -
<?php @ require_once ("yourMenu.html"); ?>
Require_once is basically a safeguard so that you don't add the menu twice onto a page.
This will only work for PHP 4+
This method would work for older versions of php too -
<?php @ include("yourMenu.html"); ?>
Second Method (ColdFusion):
This will only work if your host has ColdFusion installled -
<cfinclude template="bla.html">
eg index.html
<html>
<head>
<title>Stuff</title>
<head>
<body>
<?php @ require_once("SpryMenu.html"); ?>
</body>
</html>
SpryMenu.html
<ul id="menubar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="#">Item 1</a>
<ul>
<li><a href="#">Item 1.1</a></li>
</ul> -
How to use a Spry Menu as a Library item?
Okay, this is my second post; but, with a different title.
I made a Spry menu for my Home Page. I saved it and a logo
together as a library item and placed the library item on a second
page. The links in the menu work when there is no style sheet
attached for the Spry meny and the menu appears just as text; but,
as soon as the .css style sheet for the menu is attached to the
second page, the menu appears correct except the drop down menus do
not work. I tried adding a link to the Spry Java Script file as it
is on the home page; still no luck.
I tried the same with a test file, which I have since
removed, stored at the same folder as the home page; same problem.
How are we suposed to make a workable library item with a
Spry Menu? Surely this is possible, no?
Here are the two pages I am referring to:
Good Page:
http://iculver.com/
Bad Page:
http://iculver.com/pages/AboutUs/Personal_info.htmlApologies - my mistake. You are correct, and my instructions
were
incomplete. That other bit is required too.
> Now, I thought (probably in error) that items after !--
were comments, but
> it
> seems to be required, too. I tried eliminating taht part
and the menus did
> not
> work. I need all of this last part.
The comments 'hide' the scripting from validators and older
browsers, but
it's still recognized as javascript, since the comments occur
INSIDE a
<script> tag.
> these Spry Menus in Libraries easier to use...)
It's not so hard once you get all the pieces together.
1. Create the library item as described.
2. Make sure that each page that is to carry this library
item has the
required links in the head (to the CSS and the js files), AND
in the body.
Why not use a template instead? That way, all of these links
are managed
for you.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"JustBob" <[email protected]> wrote in
message
news:[email protected]...
> Hummm...
>
> Now, don't yell at me, okay? I'm a goLive switcher and
really a graphic
> designer, not a coder...
>
> So, It seems from the above message that I am to
establish the links to
> the
> script and the css file before inserting the library
item. But, either
> way,
> that didn;t do the trick for me. I did find a bit of
code in one of the
> pages
> that seems to be required.
>
> It seems I also need to insert this just before the
close of the body tag:
>
> <script type="text/javascript">
> <!--
> var MenuBar1 = new Spry.Widget.MenuBar("MenuBar",
> {imgDown:"SpryAssets/SpryMenuBarDownHover.gif",
> imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
> //-->
> </script>
>
> Now, I thought (probably in error) that items after !--
were comments, but
> it
> seems to be required, too. I tried eliminating taht part
and the menus did
> not
> work. I need all of this last part.
>
> I'm sorry I'm such a dope. I probably did something
funny when I was
> styling
> the menu. (I do hope Adobe can accommodate dopes lime
me, though, and make
> these Spry Menus in Libraries easier to use...)
>
> Thanks for all of your help! Really!
> -
White flash from spry menu tab
Hi, I have an annoying problem with the spry menu tab on the
site
www.ISUCKAT_GOLF.net (without the dash) As you scroll down
the spry menu tab when you reach a tab that expands off to the
right you get an annoying but brief white flash. If you went to
"fun stuff' on the tab for instance then scrolled down to "That
really tees me...", when you scroll over it it expands but also
flashes white below for a millisecond. All the tabs that expand do
this. Any settings that can be changed to prevent this?
Thanks very much!Adjust inline styles to suit your needs.
<li><a tabindex="-1" href="giving/index.html" class="MenuBarItemSubmenu" style="background:none; color:#FFF; background: #000;">GIVING</a>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
My home page spry menu tab does not appear in when displayed in Internet Explorer 8.2.
My home page spry menu tab does no
t appear in Internet Explorer 8.2.
Can anyone help please?This is what you have now, please delete the > (greater than) marks at the start of each line and reupload so that I can view the result
> <li><a class="MenuBarItemSubmenu" href="#">Home</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="#">Window Cleaning</a></li>
> <li><a href="#">Office Cleaning</a></li>
> <li><a href="#">Domestic Cleaning</a></li>
> <li><a href="#">Carpet Cleaning</a></li>
> <li><a href="#">Upholstery Cleaning</a></li>
> </ul>> -
How to update my catalog to keep(preserve) all modification previous ones? Thank you
I am in version 3 of lightroom under Windows 7. I moved my directory photo of the main record(disk) C towards a record(disk) NAS in network.
How to update my catalog to keep(preserve) all modification previous ones?
Thank youEdits stay in the catalog forever, unless, well, you remove the photos.
So, don't remove the photos.
I'm assuming you moved the photo directory outside Lightroom (e.g. using your OS).
If so, then just relink in Lightroom:
Adobe Lightroom - Find moved or missing files and folders
Do not re-import photos!
Rob -
Missing Spry Menu Tab on CS5 using an iMac (only 2 computers cannot see it)
I am using Dreamweaver CS5 on iMacs in my classroom. Two students are not able to see the blue Spry Menu Bar tab. Is there something that needs to be selected in order for them to see it? I thought maybe they missed a step so we followed our book and recreated the Menu Bar on another page. Once the menu bar is complete and you click off, the blue Spry Menu Tab is not available. Any suggestions would be greatly appreciated.
Hello,
even if there are only two students with these problems, you should follow Ken's hint. One of my most important arguments: "Spry doesn't work correctly on touch screens!" Please try it, you will have a nasty surprise!
And here I quote from different contributions of the forum:
"Spry has been deprecated and is no longer officially supported by Adobe", “Adobe abandoned Spry late last year after CS6 came out. Future products will probably not contain any Spry so learning to use jQuery is a valuable skill to have for the future. We/I recommend you switch to a jQuery library for your further requirements."
Examples
http://users.tpg.com.au/j_birch/plugins/superfish/examples/
http://www.egrappler.com/a-stylo-modern-jquery-accordion-akordeon/
http://craigsworks.com/projects/simpletip/
http://calebjacob.com/tooltipster/
http://www.solutions4website.com/Extensions/nova_dropdown_menu.aspx
Tutorials:
http://speckyboy.com/2012/08/29/10-responsive-navigation-solutions-and-tutorials/
http://try.jquery.com/
http://learn.jquery.com/
https://tutsplus.com/course/30-days-to-learn-jquery/
http://www.w3schools.com/jquery/
If you have a budget to work with, get PVII's Pop-Menu Magic2.
http://www.projectseven.com/products/menusystems/pmm2/
Hans-Günter -
How to align the spry menu pannel in dreamweaver cs4
Can someone tell me how to align the spry menu pannel either left, center, are right in a div tag? I'm talking the whole pannel I have within a div tag.
ThanksDefaults to left align
To center ul.MenuBarHorizontal{margin: 0 auto; width: 32em;} addjusting the width to suit.
To align right ul.MenuBarHorizontal {float: right; width: 32em;} addjusting the width to suit. -
How to edit existing Spry Menu?
I created a Spry Menu, but now that it's published (saved) I
don't see how to edit it so I can easily add more menu items using
DW's visual tool. All I can get to is the menu's CSS.
How do I edit an existing Spry Menu to add/remove more items?
I'm using CS3.I guess I dont understand. You can add or remove or change
the menu in the
properties panel. You can do all that in the design view as
well, so I'm
not sure what I am missing.
Is the page available to view?
"morkafur" <[email protected]> wrote in
message
news:goja98$mho$[email protected]..
>I guess I'm not being clear. Sorry.
>
> What I'm saying is that when I click "anywhere in the
menu" or the border
> around it, I don't get the display where I can click the
"+" to add a menu
> item.
>
> For example, I have a menu item called "Capabilities".
If I click that
> menu
> item I see properties for it, no problem. I get this.
>
> What I'm trying to do, however, is get back the the Spry
menu item
> DESIGNER
> where I can add/remove menu items graphically.
>
> Regardless of where I click, that designer does not
re-appear.
>
> If I click the Spry menu item on the toolbar, CS3
creates a new menu, but
> doesn't let me edit (using the menu designer) the
existing one.
>
> -- M
> -
I have 6 tabs set up and have become very accustomed to the position they’re in. When doing a specific task for my job, a 7th tab opens up. It has always opened all the way to the right. When I’m done reading the information it gives me, I just quickly “x” it out to return working. Yesterday I noticed that this 7th tab was not opening up all the way to the right. It was opening in the next-to-last position to the right. This might not seem like a problem, but when I go to close it, I’m so used to x-ing out the one to the far right, that I’ve been x-ing out a tab that I need.
So the question: How can I get the new tab that opens to appear all the way on the right again? Again, this is not adding a new tab. If I add a new tab to search for something, it does open all the way to the right.
== I rebooted my computer a few days ago...Type '''about:config''' in the URL bar and hit Enter.
''If you see the warning, you can confirm that you want to access that page.''
Filter = '''browser.tabs.insertRelatedAfterCurrent'''
Double-click that preference to change the value to '''''false''''' -
How to keep a Spry menu in one file?
Could somebody explain me how I can keep the HTML code for a
Spry menu (horizontal) bar in just one file? Of course, the aim is
to reduce the effort of making later changes in the menu to a
minimum... I'm not a professionell developer, but I wonder if I can
do so by using PHP or maybe XML. The question is: How do I do this?
Thanks for any help!http://www.tizag.com/phpT/include.php
Pablo
www.paul-dell.com
"Death is no more than passing from one room into another.
But there's a
difference
for me, you know. Because in this room I know I can have a
beer."
"bjjobe" <[email protected]> wrote in
message
news:fvelgb$idr$[email protected]..
> Could somebody explain me how I can keep the HTML code
for a Spry menu
> (horizontal) bar in just one file? Of course, the aim is
to reduce the
> effort
> of making later changes in the menu to a minimum... I'm
not a
> professionell
> developer, but I wonder if I can do so by using PHP or
maybe XML. The
> cquestion is: How do I do this?
>
> Thanks for any help!
>
> -
How to make a spry menu "fixed"
hey folks,
im redesigning my photography website, and the little technique i had in dreamweaver is rusty. i am going for a menu bar, across the top (with my name, and links to portfolio pages, contact info, etc.) to be visible at all times throughout the site. the body of the portfolio pages will be a horizontal scroll bar. the problem is that when i scroll to see the body, the spry menu scrolls away to the left with the rest. i just need a tip on either fixing the menu in one place despite what the rest of the page does, or if there is a better tool to use. perhaps just inserting the menu as an image and creating hot spots? or something like tables? i know there are several ways to get things done in programs like dreamweaver, just hoping for the one that loads best, looks best, and is easy to edit in the future. thanks!Have a look here http://limpid.nl/lab/css/fixed/header-and-footer
Gramps -
How to populate a spry menu using microsoft sql server database?
Hi
I would like to use dreamweaver cs4 and spry menu to create a dynamically created menu system.
My concept is to populate the menu items on the fly using MS sql server as the database technology.
Can anyone point me in the right direction? I have googled and searched but cant seem to get anywhere.
Also once i get my menu established, i would like to style it. It seems like a lot of work to style each element by hand. I was wondering if there were some collection of spry menu css files somewhere that i could just attach and presto!
Thank you.
JerryI would like to use dreamweaver cs4 and spry menu to create a dynamically created menu system. My concept is to populate the menu items on the fly using MS sql server as the database technology.
Basically
create a dynamic XML file containing data from the database
create A SpryXMLDataSet
create a SpryRegion where the menu appears
using SpryRepeat populate the menu
More info can be found here http://labs.adobe.com/technologies/spry/samples/
Also once i get my menu established, i would like to style it. It seems like a lot of work to style each element by hand. I was wondering if there were some collection of spry menu css files somewhere that i could just attach and presto!
Have a look here http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&extid=2141544
If you require further Spry related support go to http://forums.adobe.com/community/labs/spry
Maybe you are looking for
-
Help in copying part of threaded text in InDesign CS5
When I copy part of a threaded text box that is linked to another text box in InDesign CS5 and then paste it to another location, the text from the first text box appears in the pasted version. The remaining text that was linked from the first text b
-
OS X 10.4.11 fails to start
Intel core 2 Duo. I switch the computer on. I get the music and then 3 bleeps and the indicator light flashes. The light then continues to flash 3 times every 5 or so seconds. The screen is a dull grey. I've tried leaving it switched off for a while
-
Block default cost center in OKB9
Dear Experts, - If I would like to block one cost center which setting in OKB9 as defaul cost center, then change it to other cost center, what is the affect? - If cost element in OKB9 is having no cost center as default , then how the transaction fr
-
My iPhone 5 stopped working with my 2015 Subaru Outback after the iOS 8.1.3 update
My iPhone 5 stopped working with the USB connector on my 2015 Subaru Outback. The phone will still charge, but the message is something like "this iPhone will not work with this accessory". Is there a fix being made? I saw others post with issues wit
-
Hi , We have many configurations where in we need to maintain the Logical Backend system . For example in Config " Define G/L Account for Product Category and Account Assignment Category" , We need to maintain the Source system in this configuration