Jump to another part of a document (on the same page)

0

By helloadam on Dec 28th, 2004 4:43 am

Ad: BlackBerry® Z10

Have you ever wanted a link to go to the bottom of the same page? Well in this snippet you see how..

1) On the top where is says

<p><a href="#C4">See also Chapter 4.</a></p>

is a link going to Chatpter 4 at the bottom of the page if you look at Chapter 4 in the Snippet

<a name="C4"><h2>Chapter 4</h2></a>
<p>This chapter explains ba bla bla</p>

There is <a name="C4"> which was is the same as up on top where the link is to chapter 4.
2) That is IT!

<html>
<body>

<p>
<a href="#C4">
See also Chapter 4.
</a>
</p>

<p>
<h2>Chapter 1</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 2</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 3</h2>
<p>This chapter explains ba bla bla</p>

<a name="C4"><h2>Chapter 4</h2></a>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 5</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 6</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 7</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 8</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 9</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 10</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 11</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 12</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 13</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 14</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 15</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 16</h2>
<p>This chapter explains ba bla bla</p>

<h2>Chapter 17</h2>
<p>This chapter explains ba bla bla</p>

</body>
</html>

8 Years Ago

0

Thanks, just was wondering how to do that. (I dont work with html often)

Dark_Omen

Posting Pro

573 posts since Apr 2004

Reputation Points: 23

Solved Threads: 6

Skill Endorsements: 0

7 Years Ago

0

I've always wanted to know how those things were done, too lazy too Google it :) Good work!

mmiikkee12

Posting Whiz in Training

274 posts since Oct 2004

Reputation Points: 17

Solved Threads: 5

Skill Endorsements: 0

5 Years Ago

0

How can I jump to another link?

xhu

Newbie Poster

1 post since Oct 2007

Reputation Points: 10

Solved Threads: 0

Skill Endorsements: 0

3 Years Ago

0

useful. anyways how about if you want to click a link and it will be shown on the same page and in on a specific table? is tha possible?

bigbadbear

Newbie Poster

5 posts since May 2010

Reputation Points: 10

Solved Threads: 0

Skill Endorsements: 0

3 Years Ago

0

anyways how about if you want to click a link and it will be shown on the same page and in on a specific table?

If it was in the same page to begin with, yes. If you have a table with content inside down at the bottom of the page and you want to go down there with a single click, this code will do just that. You just need to put an <a> tag on something inside the table with a name, then on the link you have the href property set to the anchor (#) and then the name. Just like in the OP's code.

If you mean loading content from another page, into the page you're currently on, you need to use jQuery or AJAX.

Veneficae

Light Poster

38 posts since May 2010

Reputation Points: 11

Solved Threads: 5

Skill Endorsements: 0

3 Years Ago

0

yeap. im actually thinking of If you mean loading content from another page, into the page you're currently on. thanks

bigbadbear

Newbie Poster

5 posts since May 2010

Reputation Points: 10

Solved Threads: 0

Skill Endorsements: 0

3 Years Ago

0

Given <a name='linkname'></a> is the target
on the same page <a href='#linkname'>goto linkname</a> on another local page <a href='../relativefolder/page#linkname'>goto linkname</a> cross site page <a href='http://www.thatsite.com/page#linkname'>goto linkname</a> the target does not have to be an <a>anchor, any named element can be the target, the actual target is the name not the element itself

almostbob

Nearly a Senior Poster

3,280 posts since Jan 2009

Reputation Points: 585

Solved Threads: 398

Skill Endorsements: 7

3 Years Ago

0

useful. anyways how about if you want to click a link and it will be shown on the same page and in on a specific table? is tha possible?

something like using the onclick event to change the innerhtml of the table cell
may work, but I dont use tables for layout so am out of touch

almostbob

Nearly a Senior Poster

3,280 posts since Jan 2009

Reputation Points: 585

Solved Threads: 398

Skill Endorsements: 7

2 Years Ago

0

http://www.w3schools.com/html/tryit.asp?filename=tryhtml_link_locations

Who's the thief?

Javvy

Junior Poster

150 posts since Feb 2011

Reputation Points: 10

Solved Threads: 31

Skill Endorsements: 2

1 Year Ago

0

Thanks.
Very easy made.

Have you ever wanted a link to go to the bottom of the same page? Well in this snippet you see how..
1) On the top where is says is a link going to Chatpter 4 at the bottom of the page if you look at Chapter 4 in the Snippet
There is <a name="C4"> which was is the same as up on top where the link is to chapter 4.
2) That is IT!

KazmiLahore

Newbie Poster

5 posts since May 2010

Reputation Points: 10

Solved Threads: 0

Skill Endorsements: 0

9 Months Ago

0

Nice !!! Never thought it would have been this easy!! =D

BuckOneArm

Newbie Poster

3 posts since Feb 2012

Reputation Points: 10

Solved Threads: 0

Skill Endorsements: 0