Alternatives to Spry Bar for navigation

I love the spry bar, but when I preview my page in Explorer I get a message saying: "To help protect your security, Internet Explorer has restricted this webpage from running scripts or ActiveX controls that could access your computer," and the drop-down submenus don't work.
It's easy for me to just click the message and say "allow blocked content," but I don't want to create an unnecessary hurdle for our users. Is there another way to do a navigation bar that won't create this issue in Explorer? Or some way to change the spry bar code to eliminate the problem?
Thanks!

You can build nested menus with just CSS if you understand it well enough. I tried playing with it, but admittedly, Spry was faster. This guy http://www.duoh.com/csstutorials/2levelmenu/index.html put up a sample of a horizontal CSS only menu with the stylesheet for people to practice with. Making it Verticle is just a matter of changing a few attributes. It's easy - once you get the hang of it. =)

Similar Messages

Spry bar problem

I've imported the spry bar for from the David Powers Tutorial, the 2.0 widget for the Bayside Pulse website, I have styled it in my own design, done every thing he said everything fine, I added the fifth top level menu button to the menu bar Cafe Citrus, but in my case Inspections, I took out all the stuff I did not want and put in all the stuff I did want, everything still going great, Checked it in live view looked good, saved it, and then went back to live view and there was an extra button on the end with nothing in it, I have tried to get rid but I cant sort it, not a clue. Can any one help please?

@Jeffrey
I received your PM with the link to your site.
Because you are using SpryMenuBar v2.0 and have probably styled the bar within the Widget Browser, once applied to your document it becomes a nightmare for newbies to make any styling changes.
In your case, you have (or the Widget Browser) as constructed the menu bar to use the MenuBar and an overriding MenuBarRightShrink classes as per
<script type="text/javascript">
// BeginOAWidget_Instance_2141544: #MenuBar
var MenuBar = new Spry.Widget.MenuBar2("#MenuBar", {
    widgetID: "MenuBar",
    widgetClass: "MenuBar MenuBarRightShrink",
    insertMenuBarBreak: true,
    mainMenuShowDelay: 100,
    mainMenuHideDelay: 200,
    subMenuShowDelay: 200,
    subMenuHideDelay: 200
// EndOAWidget_Instance_2141544
</script>
The style rules for MenuBarRightShrink makes the menubar float right with a width of auto as per
.MenuBarRightShrink {
    float: right; /* shrink to content, as well as float the MenuBar */
    width: auto;
The above style rules are contained within a style sheet called consultant_cs5.css
When we now look to see how the stylesheets are loaded, we see the following
<link href="consultant_cs5.css" rel="stylesheet" type="text/css" />
<link href="Spry-UI-1.7/css/Menu/basic/SpryMenuBasic.css" rel="stylesheet" type="text/css" />
This means that any rules targetting the same selectors in consultant_cs5.css will be overridden by those in SpryMenuBasic.css. Line 31 in SpryMenuBasic.css says
.MenuBar {
     float: left;
     width: 100%;
So now, instead of a right floating auto width menubar we have a left floating menubar covering the full width of the div.
If you swap the two stylesheets so that SpryMenuBasic.css loads before consultant_cs5.css, you will find that the situation is reversed and that the menubar will again be an auto width.
Gramps

Status bar for interapplication navigation

Hi all
I am involved in developing Inter application navigation.That is navigating between two webdynpro applications. But its taking about 30 seconds to navigate from one application to another application. So I want to know is the any way I can display status message/status bar before navigating.
help please.help will be appreciated and I promise to award points for right solution.Thank you in advance.
Regards
Maruti

Hi Armin,
Thank you for you reply.Its a very good question to be asked. I think its the time spent in the start up of target application. For you consideration I would like to give you few statistics of target application
11.30.20 Additional log information about the deployment
11.30.20 Finished Deployment
obseravation:
11.30.35 Portal page actually appeared
Additional Log data:
<!LOGHEADER[START]/>
<!HELP[Manual modification of the header may cause parsing problem!]/>
<!LOGGINGVERSION[1.5.3.7185 - 630]/>
<!NAME[/usr/sap/LD0/JC00/SDM/program/log/sdmcl20060609103058.log]/>
<!PATTERN[sdmcl20060609103058.log]/>
<!FORMATTER[com.sap.tc.logging.TraceFormatter(%24d %s: %m)]/>
<!ENCODING[ISO8859_1]/>
<!LOGHEADER[END]/>
Jun 9, 2006 11:31:01 AM Info: -
Starting deployment -
Jun 9, 2006 11:31:01 AM Info: Loading selected archives...
Jun 9, 2006 11:31:01 AM Info: Loading archive '/usr/sap/LD0/JC00/SDM/program/temp/temp36362sap.com~bfu_04.ear'
Jun 9, 2006 11:31:07 AM Info: Selected archives successfully loaded.
Jun 9, 2006 11:31:07 AM Info: Actions per selected component:
Jun 9, 2006 11:31:07 AM Info: Update: Selected development component 'bfu_04'/'sap.com'/'LOKAL'/'0.2006.06.09.11.29.51' updates currently deployed development component 'bfu_04'/'sap.com'/'LOKAL'/'0.2006.06.09.11.26.26'.
Jun 9, 2006 11:31:07 AM Info: The deployment prerequisites finished without any errors. All items are correct.
Jun 9, 2006 11:31:07 AM Info: Saved current Engine state.
Jun 9, 2006 11:31:07 AM Info: Error handling strategy: OnErrorStop
Jun 9, 2006 11:31:07 AM Info: Update strategy: UpdateAllVersions
Jun 9, 2006 11:31:07 AM Info: Starting: Update: Selected development component 'bfu_04'/'sap.com'/'LOKAL'/'0.2006.06.09.11.29.51' updates currently deployed development component 'bfu_04'/'sap.com'/'LOKAL'/'0.2006.06.09.11.26.26'.
Jun 9, 2006 11:31:07 AM Info: SDA to be deployed: /usr/sap/LD0/JC00/SDM/root/origin/sap.com/bfu_04/LOKAL/0.2006.06.09.11.29.51/temp36362sap.com~bfu_04.ear
Jun 9, 2006 11:31:07 AM Info: Software type of SDA: J2EE
Jun 9, 2006 11:31:07 AM Info: ***** Begin of SAP J2EE Engine Deployment (J2EE Application) *****
Jun 9, 2006 11:31:17 AM Info: Begin of log messages of the target system:
06/06/09 11:31:16 - ***********************************************************
06/06/09 11:31:17 - dm_msg_0044
Jun 9, 2006 11:31:17 AM Info: End of log messages of the target system.
Jun 9, 2006 11:31:17 AM Info: ***** End of SAP J2EE Engine Deployment (J2EE Application) *****
Jun 9, 2006 11:31:17 AM Info: Finished successfully: development component 'bfu_04'/'sap.com'/'LOKAL'/'0.2006.06.09.11.29.51'
Jun 9, 2006 11:31:23 AM Info: J2EE Engine is in same state (online/offline) as it has been before this deployment process.
Jun 9, 2006 11:31:23 AM Info: -
Deployment was successful -
because i am navigating from second application to first application I am getting delayed about more than 15 seconds to display view of first(my target) application.
Any ideas please.
Regards,
Maruti.

Tab Style Navigation Bar for Pages in Page group

Hi
Is there a way to create a tab style navigation bar for a group of pages that will appear at the top of a page?
Regards
Harry

You might try using Language_Switcher Language Switcher while working on the English page. That might allow you to create the navbar in English.
Otherwise you could use a text based navbar like in this demo page: Text Based Navbar
OT

Please help me with spry bar menu

I have laid out my page with the div tags in Dreamweaver. I defined the different sections by putting colors in them until i am ready to put stuff into them however when i insert the spry menu bar into my navigation section, the area below it is behaving like a drop down box of color. What i mean is that the area below which is supposed to stretch from left to right as a single box is now broken up by a different color box the width of the spry bar and goes down to the next box. When i preview it in the browser the page appears normal. How can i get rid of the intruding box in dreamweaver.

HI
I am practicing for the webmaster design course pratical exam. The web page i will be asked to construct will consist of a home page with two or three other pages pages in the site it will have to link to. I know how to do most of the steps individualy but i do not know in what order some of them are done. What i mean is this. ... after setting up the root folder..images..laying out the divs .. i would like to know ... at what point do i do the various things like, set up a styles folder...make a template... make the other pages of the site ..etc. I think i am able to do nearly all of these things but not sure in what order they should be done so the site will work.
I have reached the point where i have established the site and layout, i.e. the wrapper, logo, navigation,header,bodycontent,right and left columns, clearbar, footer. i would like someone to list the sequence i should follow after this. I am praticing on a trial CS5.5 which seems to simplfy to a freat extent what we learned on the course because it is a later version. The version we used on course was CS4 and if the pratical is in this version then i will need to know how it is done in this format.
Date: Sun, 22 Jan 2012 17:45:18 -0700
From: [email protected]
To: [email protected]
Subject: Please help me with spry bar menu
Re: Please help me with spry bar menu created by Nancy O. in Dreamweaver - View the full discussion
If this only happens in DW Design View, use Live View or turn off your CSS display.
View > Style Rendering > un-tick Display Styles.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/4157994#4157994
To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/4157994#4157994. In the Actions box on the right, click the Stop Email Notifications link.
Start a new discussion in Dreamweaver by email or at Adobe Forums
For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

Spry menu for my phone.css and tablet.css?

I finished learning how to set up my media queries and during the process I changed the properties of my spry menu for my phone.css. I now realize that all my menu bars are the size that I did for my phone.css.
How can I get my phone.css and tablet.css to recognize different spry menu bars? I was thinking to place certain spry menu css information inside of the appropriate phone.css or tablet.css (in my case) then within my #navigation ID.
Does anyone see what trap I have set for myself?
This has come about when I started to make a current site viewable in a tablet and phone device. As I change the spry menu bar it changes all of my navigation.
Thanks in advance for the help.

So in other words are you saying to paste in my spry menu bar css code into let's say my phone.css?
current phone.css code:
<><>
@charset "utf-8";
@import url("SpryAssets/SpryMenuBarHorizontal.css");
body {
    text-align: center;
    background-color: #be7042;
#wrapper {
    height: 750px;
    width: 320px;
    margin-right: auto;
    margin-left: auto;
    background-color: #006400;
    position: static;
#bottombanner {
    text-align: center;
    height: 192px;
    width: 320px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 25px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 8px;
    line-height: 2px;
    color: #FFF;
    position: static;
#ckimage {
    text-align: center;
    height: 145px;
    width: 75px;
    margin-top: 50px;
    margin-left: 20px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 6px;
    color: #FFF;
    position: static;
#estriolimage {
    text-align: center;
    height: 75px;
    width: 56px;
    margin-top: 45px;
    margin-left: 26px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 6px;
    color: #FFF;
    position: static;
#maincopy {
    font-family: Verdana, Geneva, sans-serif;
    text-align: left;
    height: 350px;
    width: 200px;
    margin-top: -265px;
    margin-left: 115px;
    color: #FFF;
    font-size: 8px;
    position: static;
#navigation {
    text-align: center;
    height: 49px;
    width: 320px;
    margin-top: 1px;
    position: static;
#topbanner {
    text-align: center;
    height: 48px;
    width: 320px;
    margin-right: auto;
    margin-left: auto;
    position: static;
><><
Would I paste my spry menu bar css code into my #navigation portion of my phone.css (I bolded the part where I think I would paste in my spry menu css.)

Spry Bar Help

Original Question:
We use CS3 and have created a school website using the sprybar in Dreamweaver as our navigation bar. We have uploaded the spry assets folder and everything works great except for when we make changes to the sprybar, such as adding links. Currently, we have to update the navigation bar by copying the html and then opening and pasting the html into every page in the site, which is more than 100 pages. How do we make the sprybar automatically update whenever we make edits or changes to the sprybar?
We have tried creating the sprybar as a library item and it doesn't work unless it's a problem with Dreamweaver on the local computer communicating with the file on the server. We have played around with using the "include file" command.
As the site continues to get larger, this gets to be a much bigger problem. Any help is greatly appreciated.
Previous Answer Given:
http://foundationphp.com/tutorials/sprymenu/ssi.php
Current Question:
Ok, so we tried doing what was in the above tutorial. It all looks good on the dreamweaver side (I think...the spry bar doesn't show but it is replaced with a php icon). Is there something that needs to be done on the server side? Someone told me the server needed to be "activated" for php. What does this mean?
If php is not an option for us, is there another way to solve this issue?

Jmonday1 wrote:
> Alright guys I am kind of a newbie when it comes to
dreamweaver (I was always a
> fan of golive because of its simplicity). Anyways I am
running Dreamweaver Cs3
> and an older version of the spry scripts (1.4 because I
can't get the updater
> to work on my mac for whatever reason). Anyways I have
my bar layed out as I
> want and it looks great. the problem is it is invisible
in IE. I think its
> probably a filter setting but i'm not sure where its
at... I will attach a
> link, and if you guys want me to post the code I will I
know thats a lot to
> look at though. Any help would be greatly appreciated.
Sorry, not sure what this issue is, but you should try asking
in the Spry forums:
http://www.adobe.com/cfusion/webforums/forum/categories.cfm?forumid=72&catid=602
Also, just because you can't install the Spry updater
extension doesn't mean that you can't use the updated Spry files
(which may even help resolve the issue). Get the latest versions of
the files here:
http://labs.adobe.com/technologies/spry/home.html
Open the Download zip file and look for the widgets/menubar
folder, it'll contain the latest .js and .css files. The default
1.6.1 files in that package work in IE7, so it may be the specific
CSS that you're using for your page. SO you may want to rebuild
from the latest .js and .css files and apply your styling changes
and test while your doing that.
Danilo Celic
|
http://blog.extensioneering.com/
| WebAssist Extensioneer
| Adobe Community Expert

Multi-Provider Provider-Specific Properties for Navigational Attributes

Experts,
I need to over-ride the naming for a navigational attribute in a multi-provider.
For non-navigational attributes you simply use the Provider-Specific Properties. This selection is not available for navigational attributes.
Is there a different way to apply alternative naming to navigational attributes in a Mult-Provider without affecting the global definition in the base cube.
Thanks in advance

No - the users want their own verions of the name as default
Thanks for the reply

Status bar for openbox

I find myself to be over-cluttered lately, so I ask this; Is there such thing as a status bar for Openbox, much like the ones for dwm, wmii, etc? Here's what I'm looking for:
ability to:
- rename the tags
- use commands like ALT+1 or ALT+2 to switch workspaces
(optional but would be cool:)- have conky items in the status
- always on top; when windows maxamize it doesn't go over it
- put asterisk next to workspace name if URGENT hint is active (eg. if I get an IM). I know one of the status bars do this.
Can I just use one of the status programs from one of those window managers, or is there an alternative, or would this be a simple script?
Thanks!

hi dax965,
dax965 wrote:- rename the tags
no, there is no such thing like a "status bar". you can use dzen-bar (or how it's called), but for me it didn't work properly. though, played only 15 minutes with it. perhaps more effort more results....
- use commands like ALT+1 or ALT+2 to switch workspaces
sure take a look at rc.xml. there you can change almost everything, key-bindings, mouse-stuff, application behaviour related to wm, etc.
(optional but would be cool:)- have conky items in the status
make a conky "status bar". take a look at some screenshots in the forum. it's a common conky setup.
- always on top; when windows maxamize it doesn't go over it
rc.xml
- put asterisk next to workspace name if URGENT hint is active (eg. if I get an IM). I know one of the status bars do this.
you could use a panel with "show all opened windows on all desktops". openbox doesn't provide this.
Can I just use one of the status programs from one of those window managers, or is there an alternative, or would this be a simple script?
Thanks!
vlad

Issues when adding the Interaction centre option to Nav Bar for WebUI.

I just wanted to clarify something if I may.
Am I right in thinking that the Interaction centre can be viewed for Service, Sales and Marketing. There are standard SAP business roles for all these, being the SERVICEPRO, SALESPRO and MARKETINGPRO.
I have a new business role to be set up which is a sort of hybrid of the SALESPRO and MARKETINGPRO roles. However, what I can't determine is what displays the Interaction centre from within the Nav Bar for any of these particulat SAP roles.
In the SAP GUI we could just run transaction CIC0 and depending on the PCFG settings it would either show the Sales IC or the Marketing IC. I need to just show the marketing IC for my new Z business role, but getting the details into CRMC_UI_PROFILE and CRMC_UI_NBLINKS is proving very difficult, for me.
Has anyone done anything like this before?.
Jason

Hi Jason,
In spro please go to
Customer Relationship Management->UI Framework->Technical Role Definition->Define Navigation Bar Profile
1.You can create your own NavBar Profile (by making a copy of any of the existing Nav Bar Profiles) say Z_ICPRO.
2. Select your profile.
3. Then goto the node Define Profile->Assign Work Centres
New Entries
4. Here you can add IC_BPIDENT (This work centre corresponds to Account Identification), at any position you want.
5. Assign the above nav bar profile to any of the existing Business Role (or create your won Business Roles) via customizing
Customer Relationship Management->UI Framework->Business Roles-Define Business Role
5.Now when you login to web ui with the above Business Role, you should be able to see Account Identification on the WorkCentre tab!!
Hope this helps.
Regards
Nisha

Spry bar sub menus not working. Am at wit's end.

Hi all,
I am having trouble with getting my submenus on my spry bar to function. At first I was getting the error message of spry undefined. I looked for answers in forums, and tried a few things like making sure the .js file was there, looking for code mistakes, etc. Nothing worked, so I then deleted and reinstalled the spry bar and spry assets files, and of course, uploaded them to the server. Now I don't get any error messages, but the submenus just don't drop down.
Here is my code:
<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Natural Handmade Soaps</title>
<link href="../../styles/HealingHandsStyleSheet.css" rel="stylesheet" type="text/css" />
<script src="../../../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../../../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#FFFFFF">
<div id="container">
<div id="banner">
<img src="../../images/BitsAndPieces/HealingHandsNewBanner.jpg" width="960" height="99" />
</div>
<div id="healingmenu">
<ul id="MenuBar1" class="MenuBarHorizontal">
    <li><a class="MenuBarItemSubmenu" href="../../index.html">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="../hair_serum.html">hair</a></li>
    <li><a class="MenuBarItemSubmenu" href="../face_products.html">face</a>
      <ul>
        <li><a class="MenuBarItemSubmenu" href="/soaps.html">complexion perfection face soap</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="../complexion_perfection_pages/complexion_perfection.html">complexion perfection face serum</a></li>
        <li><a href="../silk.html">SILK face serum</a></li>
      </ul>
    </li>
    <li><a href="../body_products.html">body</a></li>
    <li><a href="../Essential_Oil_Blends/essential_oil_blends.html">eo blends</a></li>
    <li><a href="../../Pages/ayreveda/ayurveda_page.html" class="MenuBarItemSubmenu">herbal info</a>
      <ul>
        <li><a href="../../Pages/ayreveda/ayurveda_page.html">what is ayurveda?</a></li>
        <li><a href="../../Pages/bach_flower_essences/bach_page.html">what are bach flower essences?</a></li>
      </ul>
    </li>
<li><a href="mailto:[email protected]">contact</a></li>
    <li><a href="/blog">blog</a></li>
</ul>
</div>
<div id="left_column">
<p align="left"><img src="images/cp_serum_soap_teapot.jpg" width="227" height="206" alt="Complexion Perfection Soap" /></p>
<p align="left"><span class="style47"><img src="images/cpsoap.JPG" alt="" width="227" height="206" /></span></p>
<p align="left"><span class="style47"><img src="../complexion_perfection_pages/images/three_bottles.jpg" alt="" width="240" height="200" /></span></p>
<p><span class="style1"><a href="../complexion_perfection_pages/complexion_perfection.html">Complexion Perfection Face Serum</a></span><span class="style2">, for use with Complexion Perfection soap.</span></p>
<p><br />
</p>
</div>
<div id="center_column">
<p align="center" class="style1">About the Soaps</p>
<p class="style2" >Healing Hands Apothecary soaps are handmade in small batches using rich, all-natural ingredients. The soaps are scented with pure, therapeutic essential oils obtained from plants, which also carry the beneficial properties of the plants. The soaps take 4-6 weeks to "cure" and are extremely mild and gentle for your skin. They will last
    significantly longer than the popular bars you get from the store because
    they are not fluffed up with air. Each 3.5" x 1" x 2.75" bar is approximately 5-5.5 oz of pure goodness!</p>
<p align="center" class="style1" >Complexion Perfection Face Bar</p>
<p class="style2">A rich face soap made with French
    green clay to tighten pores and extract impurities from the skin. The Complexion Perfection
    face bar is specifically made to complement the <a href="http://www.healinghandsapothecary.com/Product%20Pages/complexion_perfection_pages/complexi on_perfection.html">Complexion Perfection Face Serum for Problem Skin</a>. Complexion Perfection is suitable for deep cleansing of all skin types, though it is especially great for problem skin.</p>
<p class="style2"><strong>Ingredients:</strong> Olive oil, coconut oil, palm kernel oil, shea butter, lavender, bergamot, and eucalyptus essential oils, French green clay, green tea.</p>
<p align="center" class="style47">
    <input type="hidden" name="cmd" value="_s-xclick" />
    <input type="hidden" name="hosted_button_id" value="GHKAAN38MDEDU" />
</p>
<div align="center">
    <table>
      <tr>
        <td><input type="hidden" name="on0" value="Quantity" />
          Quantity</td>
      </tr>
      <tr>
        <td><select name="os0">
          <option value="One Bar">One Bar $6.50 USD</option>
          <option value="Five Bars">Five Bars $30.00 USD</option>
          <option value="Ten Bars">Ten Bars $55.00 USD</option>
        </select></td>
      </tr>
    </table>
    <input type="hidden" name="currency_code" value="USD" />
    <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!" />
    <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1" />
</div>
<p align="center" class="style51"><img src="images/GBB_closeup.jpg" alt="" width="300" height="200" /></p>
<p align="center" class="style1">Gardener's Blessing Bar</p>
<p align="left"><span class="style2">A special soap made for gardeners! People who like a moisturizing soap that cleans well after a hard day's work in the yard will love the Gardener's Blessing Bar. Dried orange peel and poppy seed offer exfoliation, and tea tree oil soothes cuts, bites, and scratches. Sweet orange and eucalyptus oils add a delightful scent to this ultra rich and creamy soap.</span></p>
<p align="left" class="style2"> <strong>Ingredients:</strong> Olive oil, coconut oil, palm kernel oil, cocoa butter, shea butter, beeswax, sweet orange oil, eucalyptus oil,    tea tree oil, dried orange peel, poppy seed.</p>
<p align="center" class="style47">Gardener's
    Blessing Bar<br />
    One Bar: $6.50<br />
    Out Of Stock</p>
<p> </p>
</div>
<div id="right_column">
<p align="center"><a href="/Product Pages/soaps/purify.html"><font size="+2" class="style1">PuriFire<br />
        <span class="style53">The bar that kills MRSA, viruses, and bacteria!
Made with rhassoul clay and rooibos tea. Click here for more ingredients.</span></font></a></p>
<p align="center"><span class="style57"><img src="images/PuriFireBasket.JPG" alt="" width="300" height="200" /></span></p>
<p class="style2">PuriFire soap was developed for healthcare
    workers who work all day in an environment
    saturated with deadly bacteria and viruses. This
      soap contains essential oils with antiviral and antibacterial properties, and will effectively cleanse your body of all unwanted microorganisms
while leaving the beneficial ones behind for defense.</a></p>
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
    <div align="center">
      <input type="hidden" name="cmd2" value="_s-xclick" />
      <input type="hidden" name="hosted_button_id2" value="SQY6LVCYW9LU2" />
      <table>
        <tr>
          <td><input type="hidden" name="on" value="Quantity" />
            Quantity</td>
        </tr>
        <tr>
          <td><select name="os">
            <option value="One Bar">One Bar $8.00 USD</option>
            <option value="Five Bars">Five Bars $37.50 USD</option>
            <option value="Ten Bars">Ten Bars $70.00 USD</option>
          </select></td>
        </tr>
      </table>
      <input type="hidden" name="currency_code2" value="USD" />
      <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit2" alt="PayPal - The safer, easier way to pay online!" />
      <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1" />
    </div>
</form>
<p align="center"><img src="images/PuriFire stacked.JPG" alt="" width="309" height="219" /></p>
<p align="center"> </p>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../../../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../../../SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
Any ideas? Is it something to do with where my Spry Asset folder is, like maybe I shouldn't have ../../../?????
Thank you.

Hi,
Although you didn't get an answer here, I visited your web page and it looks like you found a way to solve the problem. I am having a similar problem and wonder if you (or somebody) can help me?
My problem is that while everything else works just fine, my sub-submenus do not. The first one drops down, but the second one does not (so it looks like I have one item when in fact I have two).
My css code is copied directly from Adobe's SpryMenuBarHorizontal.css. The only things I changed were some button widths, colors, and I tweaked the location the buttons appear in (but did not change original locations nor z-indexes, I don't think!). I am reprinting it below, just in case.
I am using the last version of Spry (1.6.1).
Here is a link to the page, and when you view it, keep in mind that only "Portfolio" has sub-menus, and of those, only "Writing" is supposed to have more than one sub-item ("Fiction" and "Non-Fiction").
http://www.kateswork.com/tests/test-sample4.html
Here is the css:
ul.MenuBarHorizontal
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: auto;
ul.MenuBar2Horizontal
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: auto;
    position: relative;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
    z-index: 1000;
/* Menu item containers. Position children relative to this container. These have are a fixed width in the primary menu, an auto width in the secondary menu, which has no children. */
ul.MenuBarHorizontal li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: center;
    cursor: pointer;
    width: 7em;
    float: left;
    white-space:nowrap;
ul.MenuBar2Horizontal li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: center;
    cursor: pointer;
    width: 8em;
    float: left;
    white-space:nowrap;
/* Submenus containers should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: 7em;
    position: absolute;
    left: -1000em;
    white-space:nowrap;
/* Submenu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
    width: 7em;
/* Sub-submenu containers are wider to accomodate longer items */
ul.MenuBarHorizontal ul ul
    position: absolute;
    width: 11.6em;
    height:2em;
    margin-top: -2%;
    margin-right: 0%;
    margin-bottom: 0;
    margin-left: 0%;
/* Sub-submenu contents */
ul.MenuBarHorizontal ul ul li
    position: absolute;
    width: 11.7em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    left: auto;
/* Submenus should appear slightly overlapping to the right (99%) */
ul.MenuBarHorizontal ul ul
    margin: 0 0 0 99%;
/* Sub-submenus should also appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul li
    margin: 0 0 0 0%;
    height:auto;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
    left: auto;
    top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
    border: 1px solid #999999;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    text-decoration: none;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #FFFFCC;
    border-bottom-color: #7F7F5C;
    border-left-color: #7F7F5C;
    border-top-width: .1em;
    border-top-style: solid;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:.8em;
    font-weight:bold;
    color: #333333;
    background-color: #CCCC99;
    padding-top: 0.5em;
    padding-right: 1em;
    padding-bottom: 0.5em;
    padding-left: 1em;
ul.MenuBar2Horizontal a
    display: block;
    cursor: pointer;
    text-decoration: none;
    border-right-width: .2em;
    border-bottom-width: .2em;
    border-left-width: .2em;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #CCCCCC;
    border-bottom-color: #999999;
    border-left-color: #999999;
    border-top-width: .2em;
    border-top-style: solid;
    border-top-color:#999999;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:.8em;
    font-weight:bold;
    color: #333333;
    background-color: #FFFFFF;
    padding-top: 0.5em;
    padding-right: 1em;
    padding-bottom: 0.5em;
    padding-left: 1em;
ul.MenuBarHorizontal ul li ul li a
    border-right-color: #7F7F5C;
/* MOUSEOVER CONDITIONS: */
/* On mouse-over, or "focus," buttons change to a grey background and white text.
The following rule only applies to the IE browser (notice the syntax using the colon): */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
    background-color: #333333;
    color: #FFFFFF;
    border: 1px solid #CCCCCC;
/* The next rule set has a group selector, so top-menu and submenu items will have the same background color and font color. Notice that the font color here overrides the base rule, above. Menu items that are open with submenus are set to MenuBarItemHover with a grey background and white text. */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    background-color: #333333;
    color: #FFFFFF;
    border: 1px solid #CCCCCC;
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    background-color: #333333;
    color: #FFFFFF;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarDown.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarRight.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
    background-image: url(SpryMenuBarDownHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
    background-image: url(SpryMenuBarRightHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
    position: absolute;
    z-index: 1010;
    filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
    ul.MenuBarHorizontal li.MenuBarItemIE
        display: inline;
        f\loat: left;
        background: #FFF;

Spry bar into position

I'm trying to get my Spry bar div in to position in the bottom right corner in the banner div. can any one help please?

The js for the Spry tooltip effect uses the current mouse
position to
determine where to display the tooltip. To change this, you'd
have to hack
into the Spry js. It doesn't seem to be a good idea to me.
Can you tough
it out with the stock placement?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Walter Elias" <[email protected]> wrote in
message
news:gjrnfr$keh$[email protected]..
>I haven't actually built the page. I've made numerous
pages with Spry
>tooltips
> using images, and the tooltip image position is always
an offset value
> from the
> cursor location (default 15 pixels in both x and y
axes). There is a
> dialogue
> box which enables control over the offset from the
cursor. This was never
> an
> issue with those pages.
>
> But when I started experimenting with a new page, trying
to find a way to
> make
> every tooltip image align exactly to the upper left
corner of the page, it
> was
> impossible (within my limited knowledge).
>
> So, the question remains - and you don't need to see my
rough page layouts
> (which I didn't save) to answer this - is there a way to
make an image
> within a
> Spry tooltip always align to the top left corner of the
page, or of the
> DIV?
>

Draggable Progress Bar for swf - as2

Hi there,
I need to add a progress bar/playback controls for a presentation built in AS 2.0 which has such length voice over in it we've decided we need to give the user the ability to see where they are in the timeline and scrub through sections of the presentation. I'm familiar with stop and pause button code in situations like this, but it's the first time I've needed this kind of functionality. Presently, the first part of my project is set up with several scenes and is completely linear. The second section is interactive with swfs loaded into empty movieclips.
I've found a number of references to progress bars online, but they're all for loading content, not for navigating once content is downloaded.
Thanks so much in advance,
Susan

determine the two extremes of your progress bar, say xLow and xHigh, though you could use a vertical scrollbar, too and use y values. you can then use:
var tl:MovieClip=this;
parameterF(yourdragbar_mc,xLow,1,xHigh,tl._totalframes);
yourdragbar_mc.onPress=function(){
this.startDrag(false,xLow,this._y,xHight,this._y);
this.onEnterFrame=scrollF;
yourdragbar_mc.onRelease=function(){
this.stopDrag();
delete this.onEnterFrame;
function scrollF():Void{
tl.gotoAndStop(Math.round(this.m*this._x+this.b));
function parameterF(mc:MovieClip,x1:Number,y1:Number,x2:Number,y2:Number):Void{
mc.m = (y1-y2)/(x1-x2);
mc.b=y1-mc.m*x1;

Conceptual problem: AJAX Memory tree for navigation

Hello,
I have a conceptual problem with a navigation tree.
I have to implement a AJAX memory tree for navigation purposes, which should be on page 0, so this tree is on the left side of every page.
Therefore I searches some examples and found this: http://www.oracle.com/technology/pub/articles/spendolini-tree.html
So I try to rebuild this example with my custom tables and recognised that this example is very slow. I have round about 100 nodes in the tree and my database and network connection is extremly fast(I`m sitting in a proffesional data center).
So first of all I am wondering why the tree is so slow when I try to expand it and if it is possible to use this tree on the page 0.
Because of the performance problem I searched for some alternatives, but I didn`t found one.
Every custom APEX-tree is not dynamic(AJAX) and the dynamic APEX-lists can not base on a select-statement.
So at this moment I don`t know how to build a AJAX memory tree for navigation which is fast, looks good and works as expected.
Does anybody have an idea why the tree is so slow?
Are there alternatives which I can try to use?
Thank you,
Tim

Hi Tim
100 nodes is not a lot of data for a tree, so why bother with AJAX at all.
Just render the entire tree, and let the user expand and collapse nodes as they like.
APEX has a dhtml tree in the standard themes which is enough to get you started.
The issue I had with it is that it isn't stateful, so doesn't remember which nodes are open between page refreshes.
That's what got me into ExtJS originally.
If you look at my demo, I have a couple of examples worth looking at:
- [tree using APEX lists|http://apex.oracle.com/pls/otn/f?p=200801:2025:0::NO:::] uses APEX built in hierarchical lists, which allows conditional logic on nodes
- [AJAX editable tree|http://apex.oracle.com/pls/otn/f?p=200801:2013:0::NO:::] which is fully AJAX enabled.
The other point worth mentioning is if you are using hierarchical queries for your tree you should consider restructuring your data set.
Typically trees are fairly static, in that the data changes very little over time.
This makes a very strong case for maintaining the node sequence and level in a denormalised way.
Data updates become more expensive, but read operations, which will be the bulk of your operations will be very fast.
Many choices on how to implement, e.g. materialized views with refresh on demand.
Regards
Mark
[Random Insights into Oracle|http://oracleinsights.blogspot.com/] | [Marks Playpen|http://apex.oracle.com/pls/otn/f?p=200801]

Custom storefron - black bar above navigation tollbar

Hi,
I'm developing adobe dps app to iPad and when I tap on icon of custom storefront loaded from zip file, black bar above navigation toolbar shows for 1 second maybe shorter. Is anyone had a similar situation during creation custom storefront?

We also see this, perhaps since v31 - probably due to changes in height of UIWebViews in the native app, there is an initial offset of the web view for a brief second the first time the view is constructed.
This happens on slots as well as dialog service screens.
It appears as follows:

Alternatives to Spry Bar for navigation

Similar Messages

Maybe you are looking for