Floating Menu

[Don Schmidt]

Has anyone figured out how to have a floating menu? I'd like to have a
floating "Back to Top" link for I have a page or two that are 50+ inches
long. I'd rather not have "Back to Top" links every 8 - 10 inches on the
page.

The long page is multiple event ads throughout a two year period.

A sanitized version of the webpage is at

http://www.iinet.com/~defcon_one

This page is normally in a Password protected folder but for this sample
I've removed all the personal links, last names, addresses and phone
numbers.

I've attempted a few JavaScripts but the link is static.

Using Publisher 2000 here.

 

[Don Schmidt]

The sample webpage has been changed with a Rube Goldberg solution; added a
thick black vertical bar on the right margin and hyperlinked it with

#Top

Now wherever you are on the page, just click on the thick black vertical bar
and zoom! it goes to the top.

Now, a good way to convey that to the viewer.....

 

[Don Schmidt]

Added note to convey to the viewer that the now blue bar will take you back
to the top; it's at the bottom of the page.

One thing to make the problem less is the actual page is seen only by lodge
members and a short (God willing) learning curve the process will be known;
it's located in a password protected folder.

On to the next challenge. <G>


--
Don - Vancouver, USA
"May your shadow be found in happy places." - Native North American

The sample webpage has been changed with a Rube Goldberg solution; added a
thick black vertical bar on the right margin and hyperlinked it with

#Top

Now wherever you are on the page, just click on the thick black vertical
bar and zoom! it goes to the top.

Now, a good way to convey that to the viewer.....

 

[DavidF]

Don,

Thanks for sharing. That is cool the way that works.

Speaking of back to top techniques, I ran across another one the other day.
Try inserting the following code snippet into a Pub page via insert > html
code fragment, place the fragment box at the bottom of the page and do a web
page preview:


<input type="button" value="Top" title="Top"
onclick="location.href='#top'"/>


DavidF

Added note to convey to the viewer that the now blue bar will take you
back to the top; it's at the bottom of the page.

One thing to make the problem less is the actual page is seen only by
lodge members and a short (God willing) learning curve the process will be
known; it's located in a password protected folder.

On to the next challenge. <G>

 

[Don Schmidt]

David,

Very nice; 'keeping that one in my website reference files.

Many thanks!

Don

 

[Rob Giordano [MS MVP]]

clever.
you know...you could probably create a long graphic like that bar with UP
arrows on it



--
~~~~~~~~~~~~~~~~~~
Rob Giordano
Microsoft MVP Expression

The sample webpage has been changed with a Rube Goldberg solution; added a
thick black vertical bar on the right margin and hyperlinked it with

#Top

Now wherever you are on the page, just click on the thick black vertical
bar and zoom! it goes to the top.

Now, a good way to convey that to the viewer.....

 

[Don Schmidt]

Rob,

Some of the obstacles are, the width needs to be wide enough to click on but
not so wide it interferes with page content; arrow heads would probably
require tripling the width area and then with multiple arrows they would
need to be grouped; IE8 and other browsers may balk at that idea. I used
the Line tool, 4 pt on the example. Drew it on the outer Guide and then
using the Alt + Arrow key moved it two clicks to the left. This kept it all
on the worksheet.

Don

clever.
you know...you could probably create a long graphic like that bar with UP
arrows on it



--
~~~~~~~~~~~~~~~~~~
Rob Giordano
Microsoft MVP Expression

 

[akin ige]

Don,

Thanks for sharing. That is cool the way that works.

Speaking of back to top techniques, I ran across another one the other day.
Try inserting the following code snippet into a Pub page via insert > html
code fragment, place the fragment box at the bottom of the page and do a web
page preview:

  <input type="button" value="Top" title="Top"
         onclick="location.href='#top'"/>

DavidF

Hi David,
I was doing a project and require to include the "back to top" link.
the instruction you gave really help me. Thank you very much.

 

[DavidF]

I am glad you found it helpful. Both the approach that Don suggested and the
code snippet I posted are just two other ways of doing this. The standard or
perhaps more common method cited in the past is to just insert the following
code snippet into your page:

<A HREF="#TOP">Go to top of page</A>

DavidF

<snip>

Hi David,
I was doing a project and require to include the "back to top" link.
the instruction you gave really help me. Thank you very much.

 

[GeoffreyChaucer]

"To convey to the viewer that the now blue bar will take you back to the
top; it's at the bottom of the page."

How about using the graphic at the bottom as a mouse-tip (kept at some
distance, of course) ? That ought to do it.

Added note to convey to the viewer that the now blue bar will take you back
to the top; it's at the bottom of the page.

One thing to make the problem less is the actual page is seen only by lodge
members and a short (God willing) learning curve the process will be known;
it's located in a password protected folder.

On to the next challenge. <G>

 

[Don Schmidt]

Geoffrey,

Thanks for your suggestion.

I wanted something for viewers to return to the top of the 50" page no
matter where they are at. Not be required to go to the bottom. The page
consists of ads for coming events and are listed in chronological order. The
more events planned, the more ads on the page which at times can create a
rather long page. I suspect in most cases, the viewer would review the list
that covered a few months in the future and then would want to return to the
top of the page. But the page would also be available for those who wanted
to see all available events.

Thanks again.

P.S. I did use David's button code for less than two screenful pages. Give a
nice touch.