Navigation (hyper links) inside a webpage...?

[Student23]

Hi,

I'm working on a webpage which has a lot of information packed into it...

I wanted to create a simple navigation inside the website, for example;


.................................

This section deals with;

Q1 (click to go to this section)
Q2 (click to go to this section)

......

Heading: Q1

bla bla bla

(click here to go back to top of the page)

.....

Heading: Q2

bla bla bla

(click here to go back to top of the page)


(click here to go back to the top of the page)
..........................

I have seen some javascript codes which are just unbelievable complicated and advanced, how can I do this with the simplest of codes?


I appreciate your time,
Thanks!

[Philip M]

This has nothing to do with Javascript.

<a name="pagetop"></a>

<a href="#pagetop">Click here to return to the top of this page</a>

To navigate to a different page:-

<a href = "mypage2.html">Go To Page 2</a>

All advice is supplied packaged by intellectual weight, and not by volume. Contents may settle slightly in transit.

[Student23]

I tried to use the above mentioned technique with a button;

<form>

<input type="button" value="Go to Top of the Page" onClick="<a href="#pagetop"></a>">

</form>

&

<form>

<input type="button" value="Go to Top of the Page" onClick="#pagetop">

</form>

I tried a number of different ways but none of them work...

[adamck]

these should work if you have names the top section of the page.
at the top of the page put:

<a name="pagetop"></a>

Further Down the page (enough to create a scrollbar) put:

<a href="#pagetop">Click here to return to the top of this page</a>

[Student23]

Originally Posted by adamck

these should work if you have names the top section of the page.
at the top of the page put:

<a name="pagetop"></a>

Further Down the page (enough to create a scrollbar) put:

<a href="#pagetop">Click here to return to the top of this page</a>

That works fine, but i'm trying to incorporate the above method in a button.

Thanks for your reply.

[Philip M]

As this is an anchor link you cannot use a button, but you can use an image:-

<p align="center"><a href="#pagetop"><img src="topPage.gif" width="54" height="29" border="0"></a></p>

and at the top of the page put

<a name="pagetop"></a>

If you insist on a button you can make an image which looks just like a button.

You can use a button to link to another page:-

<form>
<input type ="button" value = "Go to Google" onClick="parent.location='http://www.google.com'">
<form>

[Student23]

Originally Posted by Philip M

As this is an anchor link you cannot use a button, but you can use an image:-

<p align="center"><a href="#pagetop"><img src="topPage.gif" width="54" height="29" border="0"></a></p>

and at the top of the page put

<a name="pagetop"></a>

If you insist on a button you can make an image which looks just like a button.

You can use a button to link to another page:-

<form>
<input type ="button" value = "Go to Google" onClick="parent.location='http://www.google.com'">
<form>

What about linking to the same page instead of another page?

<form>

<input type="button" value="Go to Top of the Page" onClick="parent.location='home1.htm'">

</form>

It works perfectly fine now!

[Philip M]

Well that amounts to refreshing the page. Not exactly the same thing as moving to an anchor at the top of the page.