Welcome to TalkGraphics.com
Results 1 to 8 of 8
  1. #1

    Default What is proper way to "home" a web page?

    I've defined a button ("Go To Top") and placed it at the bottom of each long web page. When I first placed it, it seemed to Go To Top when Link To Anchor was selected, but no anchor was specified.

    It stopped working following some other changes. So, I've changed it to link to a field near the top of the page, but the action doesn't go all the way to the top.

    Is there a general-purpose setting that will reliably position back to the very top?
    ... as if the page had just been called.

    Thanks for any help.

  2. #2

    Default Re: What is proper way to "home" a web page?

    Anchors are the correct method and should work every time.
    Name a small object top and place it on the top edge of your page, then for the GO TO TOP link, choose 'link to anchor' top in Web properties.

    No reason this shouldn't work that I can think of.

    You can create anchors to any position on the page. Make them 99% transparent or the same colour as your background to keep them hidden.
    Attached Files Attached Files

  3. #3

    Default Re: What is proper way to "home" a web page?

    Quote Originally Posted by sledger View Post
    Name a small object top and place it on the top edge of your page ...
    I was hoping to avoid placing "nav" objects. Also, what if the entire page is offset 1/4" from the top? Does the nav object have to be "off page"? Will that cause other problems?

    I guess I'll have to experiment with a test layout.

    Thanks for your suggestions.

  4. #4

    Default Re: What is proper way to "home" a web page?

    Quote Originally Posted by Contours View Post
    I was hoping to avoid placing "nav" objects.
    You have to use a named an object as an anchor.

    Quote Originally Posted by Contours View Post
    Also, what if the entire page is offset 1/4" from the top?
    What about it? The point of the anchor is for the browser to 'jump' to the anchor (via a link to it) where ever it is on the page.

    Quote Originally Posted by Contours View Post
    Does the nav object have to be "off page"? Will that cause other problems?
    No.
    As I said, you can place it on the page and either make it the same colour as the backround or make it 99% transparent.

    It's quite simple, try not to over think it.

    ► Create named object on your page at the position you want to jump to
    ► Create link to anchor (that named object).

    I attached a sample in my first post, I notice it hasn't been downloaded - not interested?

  5. #5

    Default Re: What is proper way to "home" a web page?

    Quote Originally Posted by sledger View Post
    I notice it hasn't been downloaded - not interested?
    I'm not on my development computer right now. Tomorrow, I will be. And, yes, I'm probably overthinking. I'll try what you suggested.

    Thanks.

  6. #6
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,827

    Default Re: What is proper way to "home" a web page?

    Contours, there are three other approaches you could try:

    1. Put "#" in the Link to Web box for your Top of Page button: this changes the URL form ../index.htm to ../index.htm#, adding an implicit top of page anchor .
    2. Instead, try "./index.htm" to avoid the # anchor.
    3. A JavaScript link of "javascript:document.location.reload(true)" also works.

  7. #7

    Default Re: What is proper way to "home" a web page?

    This isn't necessary, because the Xara html filter adds the anchor href on export.

    If you preview my attached example above and view the source you may see this for yourself.

    EG: <a href="#bottom">GO TO BOTTOM</a>

    Remember, Xara Web Designer - 'No HTML knowledge' necessary

  8. #8
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    17,827

    Default Re: What is proper way to "home" a web page?

    sledger, I read Contours' request in his statement,
    Quote Originally Posted by Contours View Post
    I was hoping to avoid placing "nav" objects.
    to means just that. You have two named artifacts in your anchor.xar example.
    To avoid encroaching your "'No HTML knowledge' necessary" suggestion, I see no issue with a Xara solution of Web Properties > Link > Link to: Page: index or whatever page the Go To Top button is placed.

    Your anchor.xar solution does seem to use Xara smarts as the top and bottom anchors seem to work for second and subsequent pages without jumping in to alter the link detail.

    Acorn

 

 

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •