Using Spry Vertical Navigation with Templates-Need to indicate current page

Using Spry Vertical Navigation with the Dreamweaver templates. Using editable attributes etc., the current page mennu item does not seem to be changing. How do you indicate the. current page.

Persistent Page Indicator on Site Wide CSS Menus:
http://alt-web.com/Articles/Persistent-Page-Indicator.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Similar Messages

Spry Vertical Navigation Bar (What am I doing?)

I was told to check this forum out.. Ok, I have been trying
to fix this problem on my website for a day and a half now. My
vertical spry navigation is working in pretty much all browsers
except IE 6.0 and below. According to site statistics, almost half
my audience is using 6.0. With that said I desperately need help
from the most experienced Dreamweaver CS3 Pro out there:) Male or
Female - Don't care. Looks fine in 7.0, and of course in Safari. I
have the code if needed.
Here is the issue if you are still reading:
In IE 6.0 my left navigation is either all over the place on
the page (not on left side where it is supposed to be) or it is
completely freezing the browser all together. Did the browser
shots. I don't want to use anything else other than Spry since I
already had enough time put into that. What the heck am I doing
wrong? I kinda figure its my lack of CSS and Spry experience among
other things. Sooo..please, anyone?
My site Thanks so
much

See:
* http://kb.mozillazine.org/Sorting_and_rearranging_bookmarks_-_Firefox
Entries in the location bar drop down list with a yellow (blue on Mac) star at the right end are bookmarks.<br />
You can remove such a bookmarked item that shows in the list if you open that url in a tab and click the yellow star in the location bar.<br />
This will open the Edit This Bookmark dialog and you can click the Remove button to remove the bookmark if you want to remove such a bookmarked entry.<br />
* [[Clearing Location bar history]]
* [[Cannot clear Location bar history]]

Error message when using Spry Data set with XML

Hi,
I have what i see as a big problem, might just be me being
dumm, but here we go.
When I try to use the feature of spry XML Data Set and insert
spry table I get error message when trying it in IE 7.
There are even a problem when I use fireworks automated slide
show function, where you can choose to use the Spry/XML gallery
feature.
The error message I get everytime (incl the auto gallery in
fireworks) is:
The tag: "html" doesn't have an attribute: "xmlns:spry" in
currently active versions.[XHTML 1.0 transitional]
The tag: "div" doesn't have an attribute: "spry:region" in
currently active versions.[XHTML 1.0 transitional]
The tag: "th" doesn't have an attribute: "spry:sort" in
currently active versions.[XHTML 1.0 transitional]
and so on.
What´s wrong?!

Hello barvid,
Ok, let's take each problem step by step:
1. The first error you see in the browser: " Exception while
loading ..." normally appears when you try to load files that are
not permitted by the browser security model. This means the XML
file you try to load is located on a different server than your
HTML which is not allowed. The browser is not permitting to load
any files that are not in the same domain as the current page
because of the complex security risks. You'll have to either get
the XML file from its original location and save it in your website
or use a proxy on your web server that should request that file
from the external server and send it to the browser as an XML from
the same domain as the HTML origin.
1.2 The "Exception while loading ..." error you see is a
generic error and my previous advise is based on my experience. In
case this is not your scenario you'll have to open the SpryData.js
and around line 112 you'll see the following code:
Spry.Debug.reportError("Exception caught while loading " +
url + ": " + e);
Please change this line with the following line of code:
Spry.Debug.reportError("Exception caught while loading " +
url + ": " + (e.message?e.message:e));
to obtain a more verbose error message that may clarify the
reasons of your errors.
2. The problems you describe are not browser errors but they
are w3c validation errors. At this point the XHTML standard allows
every application that define custom namespace attributes to also
link a DTD to the page so the page to continue to be valid.
Unfortunately at this point this feature is not correctly supported
by the FF and IE so we wrote an articles about how you should
link
the Spry DTD to your page so the validator understand the
custom attributes Spry use. You'll find inside the full description
of the problems and all the technical details you'll need to know
to solve this issue.
Regards,
Cristian

Use Spry.$$ functions with Ancestor node

Hi,
I wish to be able to select a node, navigate its parent (no more than 2 levels up the dom tree) and then add and remove some classes with the addClassName and removeClassName functions of Spry.$$
I've found the.Spry.Utils.getAncestor function but cannot find documentation on it.
Is it possible to use the Spry.$$ functions with the parent node of a node selected?
var achild = Spry.$$("#child");
var a = Spry.Utils.getAncestor(achild).addClassName("parent")
Hopefully you get the idea of what I need to be able to do.
I don't have full control over the html elements I'm trying to select and add classes to. This runs within a SharePoint environment.
Other thoughts appreciated.
Phil

Yes that'll work. You arew right that the css selctor is more complication but the principle is the same. What do you know about the second parameter the getAncestor accepts for finding an ancestor. Can I use full CSS selectors in there as well / what are its limitations?
MyDreamweaverExtensions <[email protected]> wrote:
You then have to use the forEach element selector function. Here is a test page for you:
<!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>Document sans nom</title>
<script type="text/javascript" src="SpryAssets/SpryDOMUtils.js"></script>
<style type="text/css">
.redBorder {
border: 1px solid #F00;
</style>
</head>
<body>
h1. Test: getAncestor
<div>
<p>paragraph 1</p>
<p>paragraph 2</p>
</div>
<div>
<p>paragraph3</p>
<p>paragraph 4</p>
<p>paragraph 5</p>
</div>
<div>
<p>paragraph 6</p>
<p>paragraph 7</p>
</div>
<script type="text/javascript">
*Spry.$$("p").forEach(function(n) {
Spry.Utils.addClassName(Spry.Utils.getAncestor(n), 'redBorder');
</script>
</body>
</html>
Your selector might be more complicated, but you just have to adapt it. As long as you get an array of elements, this way will work anyway.
Hope this helps,
Xav
>

Navigation item in page template makes postback reload current page first

Hi,
in Jdeveloper 11g we have a page template for our app, which includes navigation items.
Looking at server log it seems that when a navigationItem is clicked, the current page loads first, is processed and only then redirects to the target page. The problem of course is performance impact, I guess this takes a page to load almost twice as slow as it needs to.
Is there any way to change the behavior so that navigationItem immediately redirects to the target page?
Regards
Jernej

Hi,
The Lifecycle will always process the current page, that's part of the JSF specification. I suggest you do some reading on JSF http://jcp.org/aboutJava/communityprocess/final/jsr252/index.html. There's two ways to reduce the amount of nodes evaluated by the Lifecycle implementation though, make your navigationItem partialSubmit="true" and/or immediate="true".
Regards,
~ Simon

Spry Vertical Navigation menu with secondary flyout menu not showing

I'm using Windows and CS3. I have a vertical spry menu with one of the items opening to a secondary vertical menu. The menu is positioned left and I want the flyout menu to open so it can be seen on top of the central content column. I have a background color on the central div and when I hover over the item on the menu bar, you can't see the secondary menu opening. But I know it is there as I have removed the central div and when previewed in the browser (IE) it works fine. But when I replace the central div, the secondary menu is hidden again. I don't want to play around too much as I know Javascript is involved and I can easily ruin those elements which are now working. I hope someone can suggest something reasonably straight forward to assist.
The code is the standard stuff - I have only modified colours basicall with one or two other tweaks to fit the space:
ul.MenuBarVertical
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: 200px;
background-color: #979c9c;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
border-bottom-width: 1px;
border-bottom-color: #FFFFFF;
ul.MenuBarActive
z-index: 1000;
ul.MenuBarVertical li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: 200px;
color: #343642;
ul.MenuBarVertical ul
padding: 0;
list-style-type: none;
font-size: 100%;
position: absolute;
z-index: 1020;
cursor: default;
width: 200px;
left: -1000em;
top: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 100%;
ul.MenuBarVertical ul.MenuBarSubmenuVisible
left: 0;
ul.MenuBarVertical ul li
width: 200px;
ul.MenuBarVertical ul
ul.MenuBarVertical a
display: block;
cursor: pointer;
background-color: #979c9c;
color: #343642;
text-decoration: none;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 20px;
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
background-color: #343642;
color: #fff;
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
background-color: #343642;
color: #fff;
ul.MenuBarVertical a.MenuBarItemSubmenu
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
ul.MenuBarVertical a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
ul.MenuBarVertical iframe
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
@media screen, projection
ul.MenuBarVertical li.MenuBarItemIE
display: inline;
f\loat: left;
background: #FFF;
Thanks.

Frank,
The code that you have shown us re SpryMenuBarVertical.css is correct so that we can assume that the problem lies elsewhere.
Because you have not shown the rest of the code, we can only make assumptions which may or may not help. From the above screen shot, I see that you are using AP's (Absolute Positioned) elements. This is a NO NO!!!
Have a look at the following wich achieves the same, but without AP's. Just copy and paste in a new document and view in any browser.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
    margin: 0;
    padding: 0;
html {
    height: 100%;
    background: #FFC;
body {
    width: 960px;
    margin: auto;
    background: #060;
h1, h2, h3, p {
    margin: 0 20px;
#header {
    height: 95px;
    background: #060;
#sidebarL {
    width: 160px;
    float: left;
    color: #CCC;
#content {
    width: 800px;
    float: left;
    background: #FFF;
#sidebarR {
    width: 200px;
    float: right;
    background: #FF3;
#footer {
    height: 50px;
    background: #060;
    color: #CCC;
    clear: both;
</style>
</head>
<body>
<div id="header"><h1>This is my Header</h1></div>
<div id="sidebarL">
<h3>This is my sidebar</h3>
<p>This is where our menu goes</p>
</div>
<div id="content">
<div id="sidebarR">
      <h3>This is my other sidebar</h3>
    <p>Sed do eiusmod tempor incididunt ullamco laboris nisi velit esse cillum dolore. Duis aute irure dolor sunt in culpa lorem ipsum dolor sit amet. Qui officia deserunt consectetur adipisicing elit, ut enim ad minim veniam.</p>
</div>
    <h2>This is the content</h2>
<p>Velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, ullamco laboris nisi sed do eiusmod tempor incididunt. Ut labore et dolore magna aliqua. Sunt in culpa in reprehenderit in voluptate ut aliquip ex ea commodo consequat.</p>
<p>Duis aute irure dolor quis nostrud exercitation lorem ipsum dolor sit amet. Ullamco laboris nisi consectetur adipisicing elit, qui officia deserunt. Ut labore et dolore magna aliqua. Quis nostrud exercitation. Velit esse cillum dolore ut aliquip ex ea commodo consequat.</p>
<p>Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut enim ad minim veniam. Eu fugiat nulla pariatur. Duis aute irure dolor sunt in culpa lorem ipsum dolor sit amet. Cupidatat non proident, excepteur sint occaecat velit esse cillum dolore.</p>
</div>
<div id="footer"><p>and lastly here is my footer</p></div>
</body>
</html>
Gramps

Can pivot capable monitors be used in vertical position with Tiger OS?

I'm a writer and want to purchase an LCD monitor with pivot cabability, so I can use it in the vertical position to see an entire page. I know that pivot monitors come with software to enable viewing in the vertical position for Windows PC's, but is this posible for a Mac running Tiger OS?
12 inch PowerBook Mac OS X (10.4.8) 1.5 GHz, 768 RAM

It depends on the graphics in your Mac. See:
<http://docs.info.apple.com/article.html?artnum=302291>
If Rotate is not in "Displays" System Preference, and your Mac uses the ATI graphics chip, you can try downloading ATI Displays from
<http://www.ati.com>
Some displays do rotation entirely within the display. For example a display would tell the computer it's 1600 x 1024 when horizontal, but would say it's 1024 x 1600 when vertical. You may have to use the "Detect Displays" button for the computer to see the change.

ANN: Using Spry 1.6 with Essential Guide to DW CS3

It has been brought to my attention that most of the example
files in
Chapters 19 and 20 of "The Essential Guide to Dreamweaver CS3
with CSS,
Ajax, and PHP" don't work as expected after upgrading to Spry
1.6. This
is because Spry 1.6 handles HTML in CDATA sections
differently. The
solution is to add entityEncodeStrings:false to the options
passed to
the Spry XML Dataset. For details, see the book's updates
page at the
following address:
http://foundationphp.com/egdwcs3/updates.php#spryhtml
David Powers, Adobe Community Expert
Author, "The Essential Guide to Dreamweaver CS3" (friends of
ED)
Author, "PHP Solutions" (friends of ED)
http://foundationphp.com/

David Powers wrote:
> It has been brought to my attention that most of the
example files in
> Chapters 19 and 20 of "The Essential Guide to
Dreamweaver CS3 with CSS,
> Ajax, and PHP" don't work as expected after upgrading to
Spry 1.6. This
> is because Spry 1.6 handles HTML in CDATA sections
differently. The
> solution is to add entityEncodeStrings:false to the
options passed to
> the Spry XML Dataset. For details, see the book's
updates page at the
> following address:
>
>
http://foundationphp.com/egdwcs3/updates.php#spryhtml
>
Thanks, David. ;-)
Bonnie

Why can't I use my vertical scrollbar with my laptop mousepad since upgrading to Firefox 4?

I can only scroll by using my arrow keys. My mouse works everywhere else, with other internet browsers and to select links and such within Firefox.

Hi, the phone was unlocked in UK and I have a UK PAYG sim but I am unable to change to an egyptian provider, this is my problem.

ANN: Using Spry 1.6 with Essential Guide to Dreamweaver CS3

It has been brought to my attention that most of the example
files in
Chapters 19 and 20 of "The Essential Guide to Dreamweaver CS3
with CSS,
Ajax, and PHP" don't work as expected after upgrading to Spry
1.6. This
is because Spry 1.6 handles HTML in CDATA sections
differently. The
solution is to add entityEncodeStrings:false to the options
passed to
the Spry XML Dataset. For details, see the book's updates
page at the
following address:
http://foundationphp.com/egdwcs3/updates.php#spryhtml
David Powers, Adobe Community Expert
Author, "The Essential Guide to Dreamweaver CS3" (friends of
ED)
Author, "PHP Solutions" (friends of ED)
http://foundationphp.com/

datasetname.setColumnType('row','html'); is also a solution.
u can read more about it in the API.

My blue vertical navigation bar drops to bottom of the page

I use the latest edition of Firefox together with windows XP. The problem happens when I use Firefox, Google or Chrome to access a web site or email. The page being viewed drops to the end and I cannot use the navigation bar to return to my original place. I have used CCleaner to clear unwanted files. Sometimes this works for a limited period. I would be grateful for any assistance that you may be able to give me. Thanks.

Create a new profile as a test to check if your current profile is causing the problems.
See "Basic Troubleshooting: Make a new profile":
*https://support.mozilla.org/kb/Basic+Troubleshooting#w_8-make-a-new-profile
There may be extensions and plugins installed by default in a new profile, so check that in "Tools > Add-ons > Extensions & Plugins" in case there are still problems.
If that new profile works then you can transfer some files from the old profile to that new profile, but be careful not to copy corrupted files.
See:
*http://kb.mozillazine.org/Transferring_data_to_a_new_profile_-_Firefox

Lost navigation with view,bookmarks, back,forward home page NYT??

Somethng call Abuchak has replaced my NYT homepage and my navigation bar, with view,bookmarks,back,forward, etc. Want it back.

This issue can be caused by an extension called ConnectBar
*https://support.mozilla.com/kb/Troubleshooting+extensions+and+themes
Start Firefox in <u>[[Safe Mode]]</u> to check if one of the extensions is causing the problem (switch to the DEFAULT theme: Firefox (Tools) > Add-ons > Appearance/Themes).
*Don't make any changes on the Safe mode start window.
*https://support.mozilla.com/kb/Safe+Mode
You can open the <b>about:config</b> page via the location bar and do a search for <i>abuchak</i> via the Filter at the top of the about:config page.<br />
You can reset all <i>abuchak</i> related prefs that appear bold (user set) via the right-click context menu to their default values.

Is there a way to use Edge as Navigation and Have the rest of the page in HTML

Hi,
I want to create a three-column CSS layout. I want the left column (navigation) to be in Edge and have the remainder (plus header & footer) in static HTML. I'm new to Edge and am hoping this is possible. I know it will take some hard work, but before I get started, I'm wondering if this is possible, or should I just code the entire page in HTML?
Thanks!
Jon

hi jon,
yes - this is totally possible. here's a site i'm getting ready to take live next week.
http://174.120.146.114/~spacemac/
left nav bar is all edge - rest of the site standard html except for the animated edge banner on the homepage
create your div placeholders and just drop the edge code in.
hope this helps!
best,
keith

Can't use my Norton firewall with FF7, even to reach help page

Just got upgraded to FF7 today. Now I cannot connect to any sites, even your support site, unless I turn off the firewall.

Just got the driver by going to preferences>security & Privacy>General> Aloow apps to be downloaded from anywhere. However I had to screen shot ( masher keys 6 4 shift cmd ). It wont let me save and if I try to send I just get black lines. Not a great fix but at least mavericks is recognising HP scanjet. Hope this helps.

Issues with my Macbook pro, the current page disappears and it goes back to the desktop. I can't figure out what's wrong.

I have been having problems with my Macbook ever since I had it in for service to replace the battery. The issue is when I am surfing the page disappears and goes back to the desk top, and I have to reload it again. This happens quite often while I am online, and is a definite glitch.
Please help.
Sam Oliverio

String[] message = {
    "One, two, buckle your shoe",
    "One, two, buckle your shoe",
    "Three, four, shut the door",
    "Three, four, shut the door",
    "Five, six, pick up sticks",
    "Five, six, pick up sticks",
    "Seven, eight, lay them straight",
    "Seven, eight, lay them straight",
    "Nine, ten, this is the end",
    "Nine, ten, this is the end"
if(n>0)
    System.out.println(message[n]);
else
    System.exit(0);

Using Spry Vertical Navigation with Templates-Need to indicate current page

Similar Messages

Maybe you are looking for