Auto collapse menu linked to anchors on a page

I've got a long(ish) page that I want the viewer to be able to "jump" to various areas. I'm trying to do this with a vertical menu inside an accordion. See http://thesalusburyfoodstore.businesscatalyst.com/pizza-delivery-menu.html for an example of where I'm at.
If you view the page above, you will notice that although the accordion is initially closed, as soon as the "menu" part is opened, it stays open. I need to be able to make the menu close back up to the top "Quick jump to section" part, once a menu choice is made by the user. This is pinned to the top of the browser.
Is this possibele? Perhaps I'm using the wrong widget for this?
Any help much appreciated – thanks.
Steve

I have the same problem. I've created an alternate mobile site. I put a vertican dropdown menu inside an accordion widget.
This type of system works fine when the menu takes one to w new page; but!, when there is one long page and the menu links to an anchor further down the page, the menu stays open after clicking. This is not good! The menu needs to collapse after making a selection. Adobe should add this as an option, somehow. I don't know if the option belongs in the accordion widget or the menu widget.

Similar Messages

Link to anchor in another page?

I'm trying to link to an anchor in another page, as opposed
to the same page. Is this possible? Can I do it using a hotzone
instead of text?
I found this but it seems to only want to link to an anchor
on the same page -
http://www.uwec.edu/HELP/Dreamweaver8/lnk-target.htm
Any help much appreciated.

Yes it is possible.
In the properties dialog insert the page containing the named
anchor into the link edit box.
At the end of the link add #anchor name.
For example:
link:
index.htm#anchorname

Link to Anchor on another page DW Mac CS4

In GoLive when I clicked on the pointer to go to another page, it showed a list of anchors on that page. Is there a way to do this? Alternately I could have two pages open at once and click from the text on one page directly to the anchor on the other with the pointer.
Problem is that with the tabed pages I cannot open two pages at once. Is there a way to open two pages next to each other instead of tabbed?
Bob Harris
[Email address deleted by moderator]

In GoLive when I clicked on the pointer to go to another page, it showed a list of anchors on that page. Is there a way to do this?
No. Several GoLive people have asked the same question. You can't do it in Dreamweaver. If you think it's an important feature that you would like to see added to a future version, file a feature request here: http://www.adobe.com/cfusion/mmform/index.cfm?name=wishform.
Alternately I could have two pages open at once and click from the text on one page directly to the anchor on the other with the pointer.
I doubt if that would work.
Is there a way to open two pages next to each other instead of tabbed?
You can turn off the tabbed interface in the Mac version of Dreamweaver by selecting the General category in the Preferences panel. Deselect the checkbox labelled Open documents in tabs.

Blu-ray menu link not going to correct page

Here we go again. I try something new, and it doesn't work. Here is the situation:
I have a Blu-ray menu. The main page of the menu has three buttons: Play Movie, Scene Selection, and Bonus Features.
Play Movie starts playing the disc at chapter 1, which is what it's supposed to do.
Scene Selection takes the user to the "first" page of the menu, where each chapter is listed and the first one is highlighted. The chapters span two pages, with the second page accessible by using the "Next" link at the bottom of the page. From that second page, you can either choose a chapter listed or go back to the previous page.
Bonus Features is set to go to page three of the menu, where the user can select to watch extra content which are each in their own timeline. This page is only accessible from the Bonus Features button on the main menu page. However, when it is selected, it goes to page 1 of the Scene Selection menu instead. The link in the Properties is set to go to "Disc 2 Menu:Page 3: Instrumental", which is the name of the menu, the page I want it to go to, and the button I want highlighted. But when I test it in my Blu-ray player, it does not behave correctly. Is there something in Encore I am missing? The button type is set to Normal, like the rest of the buttons on the Default page.
I don't want to keep burning discs to test this out when there doesn't seem to be anything else I can do to fix the problem. Hopefully someone knows what is wrong.

I have music and a video playing in the background, so the multi page menu is great for going to new pages and having the video and music continue playing, instead of having the DVD style menu where everything stops and starts over when you change pages.
So here is the top of my flowchart showing the main page of the menu and where each button goes. Everything works except Bonus Features going to P3B2 (I am guessing B2 is Button 2, which is what I want).
And here is the bottom of my flow chart showing what each button on that menu does.
Hopefully you spot something that is off. I might try to wrangle a second blu-ray player and see if it does it in a different machine as well.

Link to anchor in swf / page reload

Hi
I want to link to a frame label from html text below my swf.
For example:
<a href="Maps.aspx#bostonmap">Vew the Boston map</a></p>
I want that to refresh the page and then jump to the frame "bostonmap" when i click the link. Right now, when I click it, the url changes but the page does not reload. Is there a way to force the reload?
Thanks

This is not really true that you could only do this in Javascript. You could do this in many languages like PHP as well, where you would make the link to yourpage.php?part=anchorname and that would force a page reload, then you could test the variable name and redirect with PHP to yourpage.php#anchorname.
There are tons of ways you could do this. I would highly recommend staying away from anything that forces a user to have javascript enabled, and handle it with some server side language, that you know will not fail in this instance.
My 2 cents,
Jeremy

How to link the main site menu to an anchor on a subpage?

How to link the main site menu (masterpage) to an anchor possition on a subpage? Is that possible. I would like the the contact menu to link to specific anchors location contact FAQ hours. The way I do it now. I have to create seperate html pages, I would rather do it on one page. Thanks
http://beta.tmj-sleep.ca/index.html

Hello,
To link a website Menu to anchors on any page in the website, you need to create a manual menu using the Menu Widget. You can change Menu to a manual Menu by clicking on the white arrow in Blue Circle which comes up at the top right of the Menu (Menu properties) and select the Menu type as Manual. Please have a look at the screenshot below :
Now you can add change/add the text there and when you select the text/menu item then from the Hyperlink drpdown at the top in the toolbar, you can select the name of the anchor on any page of your website.
Anchors are listed in Hyperlink dropdown in this format - Page Name:Anchor Name.
Hope this helps.
Regards,
Sachin

ID Panels pref auto collapse deletes extra pages

Hi all -
ID 5.0.2 on 10.5.3.
Today I tried turning on auto collapse in the Interface->panels prefs.
Later, when trying to delete a single page, I found that it would delete a spread instead. This would only happen if there were objects on the page, as I would have to leave the panel to click on the 'Are you sure' dialog.
This happens when clicking the trash, or dragging the page. It also happens on intel and ppc versions. I had no problems deleting a spread.
Thought I'd mention this, as I didn't see anything on the interwebs or this forum about it, and I lost a number of pages to this bug before I noticed.
J

You can have that.
1. Make sure the pages palette is on your second monitor, free floating.
2. When the panels collapse (usually after pressing tab), the page panel disappears. Choose it again from the windows menu. After that, it should stay visible while the others auto-collapse.
Teus

Scrolling down and using links to anchors aren't in sync

This video shows a site I'm creating. I start in design mode. Then I click to preview. As I Scroll down and the page stops too soon. When I use the links to anchors it goes all the way down. How can I get the page to work the same when scrolling as it does when using links to anchors?
I noticed that when I use the links to anchors the bottom portion of the menu gets pushed down a couple of inches. That seems to be the problem. Why does using anchors do this and how can I fix it?

You want to precompose your stills and the track mattes together. The composition should look like the stills with a rounded rectangle border. Then animate the composition.

Mail Auto Detect URL Links

This is a long-standing problem that I have had that recently re-surfaced when I upgraded to Snow Leopard. There was a previous discussion with the same problem here (http://discussions.apple.com/thread.jspa?threadID=2197566&start=0&tstart=0).
The basic problem is this. Mail will auto-detect and link URL and email addresses while I am composing an email.
This is quite frustrating as it will interupt what I am typing and pull the cursor back to where the url or email address is when it auto-detects and creates the link. Some people might find this useful, I do not because of how quickly it happens - it is very disruptive. While using Leopard and this problem surfaced, it appeared to be related to the MailTags plugin since disabling that plugin made the problem go away. I also found that the auto-detect and linking occurs during activity with the mail server as noticed by a quick burst of activity happening (as shown in the Activity Window) just before the auto-detect and linking occurs.
If anyone can provide any information and assistance as to why this is happening and how to correct it, I would appreciate it. Unfortunatley, I have grown even more comfortable and reliant on MailTags than when this problem surfaced with Leopard and do not want to leave MailTags disabled.

You create the new bookmark with the javascript replacing the original URL from any old bookmark you have and no longer need, or just create a new bookmark for any thing at all specifically for your links script. Then once you are at a page where you want the links displayed, you just select your new links bookmark. Your page will stay open, but a new window will open as well, with all the links listed. You might want to change the size of the window, the width=400 and height=200 result in a pretty small window. Anyway, I put the Links javascript bookmarklet in my Bookmarks menu, so while I am here on this page I just go to the Bookmarks menu, slide down and select Links, and a new window opens with all the links on this page listed.
Francine
PS--It would be more impressive if I had written that script, but I didn't. I found it years ago and saved it with a batch of bookmarklets that do other useful things, such as suppressing animated gifs. I just checked, and a particularly useful collection, Jesse's Bookmarklets, still exists:
https://www.squarefree.com/bookmarklets/

Link to anchor in a scrolling text box?

Hi,
I am designing a page that has a left menu and middle text
section. the client wants the top and left stay in screen all the
time and middle section, which is a long text, to be scrollable and
moves up and down with no effect on left and top. and the left menu
links should make the middle text jump to the right section of it.
I know how to use frame and know to use the anchors. but I
don't know how to make both work together, or if it is possible
this way.
or I might need Javascript for the whole thing?
I appreciate all your help.

You don't really need to use frames for this. Look at the CSS
property overflow.

Collapsing menu from array

I need to create a dynamic collapsing menu from an array. so
far I have the array and first level of the menu working. Now I
need to create the functionality of the subMenu and I am stumped.
Is there any good references out there that might be able to walk
me through this process? Here is my code and my source file can be
found here
http://www.actionscript.org/forums/showthread.php3?t=122921

Sorry I noticed errors in code and in the fla. If you have
looked at this please check out the new one. The nested array is
partially loading but then I loose the links that are above it.
Here is the updated fla which can be found at the link above and
code

How can I get a menu link to show active state in Spry?

I want to have my Spry menu bar show the page I am on as a highlighted with background-color and text-color being highlighted and different than the rest of the menu bar. It seems that there are two ways that people talk about doing this.
One is to modify the a:hover and a:focus styles in the Spry assets. If this is the answer, I am missing something. After much experimentation, I actually created a style for a:hover (which is rollover only) and a:focus (which is when you click on the bar). It has no bearing on the state of the menu when it is showing the page as the page the user is on. If someone can give me a clue whether the CSS in Spry assets is the way to go, please provide specific code that would go in a specific place. Generalities are not helping me go to a specific solution.
The other way to go seems to give the body an ID on each page. There is a thread here: <http://www.highdots.com/forums/macromedia-dreamweaver/using-css-highlight-current-page-227 823.html>
It says:
"Example:
<body id="home">
This is because the CSS is:
#home #menu .home a
background-color:#ED2424;
color: #E7E63E;
That means color the <a> tag with the class home, inside the #menu container,
inside the #home container which is the body.
Without giving the body an ID, there is no "home" container so the CSS doesn't
apply to anything."
If this is correct, where do each of these snippets of code actually go? Does this apply to Spry? I would assume that the body id is in Source Code, and the others are in CSS. But where?
There is also another solution posted elsewhere: <http://css-tricks.com/id-your-body-for-greater-css-control-and-specificity/>
What specific advice can you provide to get a web site to do something that is pretty basic from the perspective of the user?
Nv

<!DOCTYPE html>
<html>
<head>
<title>Untitled Document</title>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet">
<style>
ul.MenuBarHorizontal li.MenuBarActive a {
    background: #F00;
    font-weight: bold;
</style>
</head>
<body>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li class="MenuBarActive"><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="#">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>
<script src="SpryAssets/SpryMenuBar.js"></script>
<script>var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});</script>
</body>
</html>
So that you do not have to repeat the style rules in every document, add the rules to the existing SpryMenuBarHorizontal.css. The class is added to the menu item that has the current document, in our case above it will be index.html or similar. The class will be placed on menu items that correspond to the current page.
Gramps

How to change the color of Menu links in obiee

Does anyone knows how to change the colors of Menu links in obiee. With menu I mean the menu links default right top (Search, homepage, Catalogus, Dashboards, new, Open). This should be set in skin and style files, not? I searched a lot. I could not find It. It is now Oracle blue, we want to change this.
obiee 11.1.1.5.
Thanks

You have to customize portal banner and portal content CSS files as needed in OBIEE server.
below links will guide u but will will not tell you exactly but your req can be done by customizing portal content and portal banner CSS files. try to identify the exact code using firebug in mozilla.
http://www.rittmanmead.com/2009/04/customizing-obiee-dashboard-banners/
Customization of login page, banner,logo in obiee11g
Thanks
Jay.

How to Change Spry Menu Links

I have a Spry Horizontal Menu on my page, and have a few
questions on creating customized Links:
- I know how to add a Link to my Reports, Pages, etc using
the Link Properties box
- I also know how to open the Link in a _blank page using the
Target property box
But
- How do I change the Menu Link in code to open my new page
in a smaller, new window?
(Right now, the TicketSummaryAcct.cfm page opens up fine, in
a new "full-sized" window)
Here is the code currently listed under that Menu button:
<li><a href ="reports/TicketSummaryAcct.cfm"
title="Click here to print the report by Account Number to PDF"
target=>_blank">by Acct# Prompt</a></li>
Thanks,
jlig

In the header of the webpage:
<script type="text/javascript">
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "',
'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=350,height=300 ');");
</script>
in the link section:
javascript:popUp('reports/TicketSummaryAcct.cfm')
don't use a target attribute, as it will break the javascript
in my experience. If you are using the pop-ups in more than 1
webpage, or even for good programming practices, make a function
page.
Webpage name: newWindow.js
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "',
'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=350,height=300 ');");
And then in the header of the webpage(s) that you need the
popup for, add this:
<script src="newWindow.js"
type="text/javascript"></script>

Links using anchors not working properly to some people

on this site:
http://www.thevpp.ca
I used anchors to link the show ads on either side of the page to the appropriate section of the show page. This works perfectly in Safari, Firefox (on mac) and IE (on PC).
Our client and one other person have complained that the link to "GodSpell" opens "Heart & Soul" in the centre of the page instead of GodSpell, but I cannot duplicate this. I can't find out what browser / version / OS they're using as they don't know.
Clicking on the GodSpell image on the home page takes you to shows.html#b which is GodSpell. (Heart & Soul is shows.html#a)
They say the other show links work perfectly. I thought initially their browser might not support anchors, but if the others work, then I don't get why this one doesn't.
Is there a better way to link these images than using anchors? Could the problem be that the anchor links are within a ProjectVIII scroller?

A few code errors to check:
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.thevpp.ca%2Fshows.html%23b
I see several problems. In Firefox 12, the only links that work consistently for me are "Love Letters" and "Sinatra". If I use the custom scrollbar and go all the way down to "Sinatra," the links don't trigger anything. Same thing happens in Chrome.
For an alternate approach, I created a named anchors demo (without tables). You'll see there is ample space between each of the named anchor regions (view page source to see the code).
http://alt-web.com/TEMPLATES/FixedLayout.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com/

Auto collapse menu linked to anchors on a page

Similar Messages

Maybe you are looking for