[Pro] Back to Top of Page Link in CSS Menus

Can anyone tell me how I accidentally created a “Back to Top” link in the CSS menu action on a master page that now automatically works on every page it is applied to? I can’t seem to recreate it, and the “This Page” choice on the edit link menu is no longer there.
It saved me a ton of time creating a new website and I’d like to do it again . . .
The code it automatically put in is:

  • copy

  • freewaytalk mailing list
    email@hidden
    Update your subscriptions at:
    http://freewaytalk.net/person/options

    Did you link to an Anchor?

    But is your CSS menu not at the top of the page - and if so is it useful having that link in there?

    To create an anchor select any item on your Master page that is at the top. You can draw a small graphic item for this purpose - it doesn’t need any colour so will be invisible.

    With it selected Edit>Anchor and give it a name ie Top

    Then you can select any item on your pages and add a Hyperlink and you will see your Anchor in the dropdown list to the right of the New Page button 1/2 way down.

    David


    freewaytalk mailing list
    email@hidden
    Update your subscriptions at:
    http://freewaytalk.net/person/options

    This is on a small menu at the bottom of each page.

    After many experiments I figured it out.
    I drew an anchor at the top of the page. Then in an html box at the bottom of the page I added some copy and linked it to the anchor. Removed the original anchor box and voila, the link in the bottom box STILL worked to go to the top of the page.

    In the bottom box I then added the CSS Menu action, created my menu with links to other pages and made the last item in the list “back to top” . All the links work as they should with the last one looking like it has no link attached to it, but in reality it works as an automatic “Back to Top”.

    Copied it to my Master Page and it now works on every page on the site it is applied to. I’m a big fan of “automatic” and this will be a huge time saver on large sites.


    freewaytalk mailing list
    email@hidden
    Update your subscriptions at:
    http://freewaytalk.net/person/options

    This is just the default browser action (in many browsers, but not
    all) when an anchor doesn’t point to anything on the page. It’s not
    really safe to do this in the real world. You can get away with it,
    but don’t rely on it. Best to have a real item at the very top of the
    page and anchor to that.

    Walter

    On Jan 15, 2010, at 5:34 PM, Jan wrote:

    All the links work as they should with the last one looking like it
    has no link attached to it, but in reality it works as an automatic
    “Back to Top”.


    freewaytalk mailing list
    email@hidden
    Update your subscriptions at:
    http://freewaytalk.net/person/options

    Thanks for the heads up. And it was looking so unobtrusive in the small bottom menu . . . oh well.

    Could I respectfully request that some guru out there make an automatic ‘back to top of this page’ action that will work in CSS menus with all browsers (if it is possible)? I’d be first in line to get it.


    freewaytalk mailing list
    email@hidden
    Update your subscriptions at:
    http://freewaytalk.net/person/options

    Could I respectfully request that some guru out there make an automatic ‘back to top of this page’ action that will work in CSS menus with all browsers

    But it is so simple to create an anchor and link to it that it doesn’t need an action! And if it is done on your Master with the back to top link in your CSS menu in the Master as well then it is automatic on every new page based on that Master.

    D


    freewaytalk mailing list
    email@hidden
    Update your subscriptions at:
    http://freewaytalk.net/person/options

    For the life of me I can’t make this work (and sorry, there is nothing simple about any web design program if you were raised on picas and points).

    “Edit: anchor” is grayed out on all my master pages unless a graphic is used. But even anchoring to a graphic won’t work because there is no “this page” when I try to make the link. Copying from a page into a master just makes the link on each page go to the original anchor on the original page.

    What am I doing wrong?


    freewaytalk mailing list
    email@hidden
    Update your subscriptions at:
    http://freewaytalk.net/person/options

    You aren’t doing anything wrong!

    This is slightly more difficult because you are trying to do it on a Master.

    Try this:

    Create the graphic anchor on your Master called ‘top’

    On the Master select your CSS menu text that you want to be the ‘top’ link Edit>Hyperlink. Choose External, Protocol: other and type in #top (being a hash followed by the actual name of your anchor)

    See how that works for you.

    David


    freewaytalk mailing list
    email@hidden
    Update your subscriptions at:
    http://freewaytalk.net/person/options

    The CSS Menu action will wrap any unlinked text in your list with an
    empty anchor (#) to create the menu. As Walter mentions most browsers
    see this link as a call to jump to the top of the page (they look for
    an anchor, don’t find one and simply jump to the top of the page). If
    your menu is already at the top of the page then you don’t really
    notice anything, however, if the menu is below the fold then clicking
    on the menu item will jump the user to the top of the page.
    Not ideal.
    To remedy the situation add a link to your text in the unordered list.
    If the CSS Menu action sees a link it will leave it alone and won’t
    add it’s own.
    If you don’t want the menu to go anywhere simply use the following
    line in your link;

    
    javascript:void(0)
    
    

    If you want your menu to jump to the top of the page then add an
    anchor to an object at the page top (Edit/ Anchor) and apply a link to
    your menu item text by selecting the page and then the anchor you
    created.
    Your menu item html should now look something like the code below;

    
    <li class="fwNavItem"><a href="#top" style="cursor:default"><span  
    class="style30">copy</span></a></li>
    
    

    I hope this helps explain things a bit.
    Regards,
    Tim.

    PS. It may be nice if Freeway had an option to automatically add page
    top anchors so that you could link directly to them without having to
    create the anchors manually first.

    On 15 Jan 2010, at 21:50, Jan wrote:

    Can anyone tell me how I accidentally created a “Back to Top” link
    in the CSS menu action on a master page that now automatically works
    on every page it is applied to? I can’t seem to recreate it, and the
    “This Page” choice on the edit link menu is no longer there.
    It saved me a ton of time creating a new website and I’d like to do
    it again . . .
    The code it automatically put in is:

  • copy
  • FreewayActions.com - Freeware and commercial actions for Freeway
    Express & Pro.

    Protect your mailto links from being harvested by spambots with Anti
    Spam.
    Only available at FreewayActions.com

    http://www.freewayactions.com


    freewaytalk mailing list
    email@hidden
    Update your subscriptions at:
    http://freewaytalk.net/person/options

    Thank You Thank You.
    I did as DeltaDave said on a Master - all looks good.
    And automatic page top anchors would be on my wish list too. :slight_smile:


    freewaytalk mailing list
    email@hidden
    Update your subscriptions at:
    http://freewaytalk.net/person/options

    This reminds me of something you might want to do for SEO and
    usability reasons, too:

    ###Don’t leave any unlinked items in your site menu.

    Let’s say you have a menu like this one:

    Home
    Products
    	Widgets
    	Salsa
    	Oven Mitts
    Dealers
    	USA
    	England
    	Bratislava
    Support
    	Telephone
    	Online
    	On-site
    Contact Us
    

    Now you might be tempted to have no page for Products, Dealers, and
    Support, since each of their sub-menu choices goes to a regular page.
    But if you do, then you miss the opportunity to explain what each of
    those options means, which will get you considerable Google juice.

    So make a simple page that lists each of the sub-menu options as a
    link (and maybe as an h3 link). Directly beneath that link, make the
    next paragraph of text a concise description of that linked page.

    Back at your menu, connect the Products, Dealers, and Support pages to
    the “index” pages for those areas.

    If you want to make this even more approachable and guessable for your
    visitors (or the robot crawlers), then make each one of those areas in
    a separate subfolder, and make each of the section index pages have
    the filename index.html. Then if someone enters http://example.com/support
    in their browser, they will get the overall picture of support, and
    if someone had entered http://example.com/support/telephone.html and
    decided to “back up” the URL by erasing part of it, they could explore
    the other options, even if they entered your site through a deep link
    to the telephone page.

    Walter

    On Jan 16, 2010, at 6:05 AM, Tim Plumb wrote:

    The CSS Menu action will wrap any unlinked text in your list with an
    empty anchor (#) to create the menu. As Walter mentions most
    browsers see this link as a call to jump to the top of the page
    (they look for an anchor, don’t find one and simply jump to the top
    of the page). If your menu is already at the top of the page then
    you don’t really notice anything, however, if the menu is below the
    fold then clicking on the menu item will jump the user to the top of
    the page.
    Not ideal.


    freewaytalk mailing list
    email@hidden
    Update your subscriptions at:
    http://freewaytalk.net/person/options