Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Chris Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Link to text on same page 2

Status
Not open for further replies.
zacksack

zacksack

Technical User
Oct 8, 2001
107
CA
Good afternoon everyone :)

I was wondering if someone could tell me how to link text to text on the same page? I have a page of services (lots of services listed on page) all the services are listed up top and a description of each service listed on the same page. Each service has a long description, so instead of having to scroll down the whole page until you found the service you want to read about. I want to be able to click on the phrase Disability Management Services which is at the top of my page, when you click that phrase I want it to jump to the description which is at the bottom of my page (like 30 paragraphs below, way to much to scroll)

Thanks in advance guys

Brad
 
Sort by date Sort by votes
You can just write anchor tags to link to text within that page. At the top of your page you would put
<A href = &quot;#Disability&quot;>Disability services</a>

and where the section is on the page you would put an anchor tag with the name on it like so
<A name = &quot;Disability&quot;>
Text goes here
</A>

Hope that is what you wanted...
 
Upvote 0 Downvote
you want to use anchors then...

lets say you have 4 categories -- A, B, C, D

lets say your page reads like this

menu

A


B


C


D

where menu is the links --
now how do you have those links hit up each category? simple where each category starts you would add the following tag

<a name=&quot;give me a name&quot;> where &quot;give me a name&quot; can be anything you want

then in the navigation you would make your link as such

<a href=&quot;#give me a name&quot;>Category A</a>

<signature>
sometime you just gotta say &quot;WHAT THE @#*% !!&quot;
</signature>
 
Upvote 0 Downvote
Thanks a million guys for your efforts :)

unfortuneltly I am a bit of a dolt when it comes to HTML. I have tried to add anchor tags without any luck. If possible could someone look at this page for me and possible tell me what to change in the code?
Up top you will see the 7 different services offered I want to link them to where they are below so you dont have to scroll

Here is the code from that page

<!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot;>
<html>
<head>
<title>Welcome To Abilitech Solutions - About Us </title>
<meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=iso-8859-1&quot;>
<style type=&quot;text/css&quot;>
<!--
A:link { text-decoration: none; color:&quot;##FF6600&quot; }
A:visited { text-decoration: none; color:&quot;#666666&quot; }
A:hover { text-decoration: none; color:&quot;#0000FF&quot; }
-->
</style>
<script language=&quot;JavaScript&quot; type=&quot;text/JavaScript&quot;>
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf(&quot;#&quot;)!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}

function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf(&quot;?&quot;))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body background=&quot;images/backgroundbiggest.jpg&quot; leftmargin=&quot;0&quot; topmargin=&quot;0&quot; onLoad=&quot;MM_preloadImages('images/aboutover.jpg','images/peopleover.jpg','images/servicesover.jpg','images/contactover.jpg')&quot;>
<table width=&quot;760&quot; border=&quot;0&quot; align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;>
<tr>
<td height=&quot;101&quot;><img src=&quot;images/topbanner.jpg&quot; width=&quot;760&quot; height=&quot;128&quot; border=&quot;0&quot; usemap=&quot;#Map&quot;></td>
</tr>
</table>
<table width=&quot;760&quot; border=&quot;0&quot; align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; bordercolor=&quot;#000000&quot; bgcolor=&quot;#FFFFFF&quot;>
<!--DWLayoutTable-->
<tr>
<td width=&quot;760&quot; height=&quot;3000&quot; valign=&quot;top&quot;><table width=&quot;100%&quot; border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;>
<!--DWLayoutTable-->
<tr>
<td width=&quot;760&quot; height=&quot;3000&quot; valign=&quot;top&quot;><table width=&quot;100%&quot; border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;>
<!--DWLayoutTable-->
<tr>
<td width=&quot;155&quot; height=&quot;367&quot; background=&quot;images/leftbgbiggest.jpg&quot;> </td>
<td width=&quot;423&quot; valign=&quot;top&quot;><table width=&quot;100%&quot; border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;>
<!--DWLayoutTable-->
<tr>
<td width=&quot;426&quot; height=&quot;233&quot; valign=&quot;top&quot;><table width=&quot;100%&quot; border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;2&quot;>
<tr>
<td width=&quot;50%&quot; height=&quot;153&quot;><img src=&quot;images/services.jpg&quot; width=&quot;205&quot; height=&quot;205&quot;></td>
<td width=&quot;50%&quot; valign=&quot;top&quot; background=&quot;images/dotbg.jpg&quot;><p><font color=&quot;#666666&quot;><strong><font size=&quot;4&quot;>Abilitech Services</font></strong></font></p> <p><font color=&quot;#666666&quot;>• Ergonomic Evaluations<br>
• Functional Abilities Evaluation<br>
• Physical Demands Analyses<br>
• Independent Medical Evaluations</font> <br>
<font color=&quot;#666666&quot;>• Disability Management Services</font> <br>
<font color=&quot;#666666&quot;>• Post-Offer Pre-Employment Screens<br>
• Education Programs</font></p>
</td>
</tr>
<tr>
<td height=&quot;169&quot; valign=&quot;top&quot; background=&quot;images/dotbg.jpg&quot;><p><font color=&quot;#666666&quot; size=&quot;4&quot;><strong>Benefits
of our Services:</strong></font></p>
<p align=&quot;left&quot;><font color=&quot;#666666&quot;>• Injury & Disability Prevention <br>& Management<br>
• WSIB Compliance<br>
• Increase employee productivity<br>
• Reduce WSIB costs</font></p></td>
<td valign=&quot;top&quot; background=&quot;images/dotbg.jpg&quot;> </td>
</tr>
</table></td>
</tr>
</table>
</td>
<td width=&quot;182&quot; valign=&quot;top&quot;><table width=&quot;100%&quot; border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;2&quot;>
<!--DWLayoutTable-->
<tr>
<td width=&quot;49&quot; height=&quot;57&quot;><a href=&quot;aboutus.htm&quot; onMouseOut=&quot;MM_swapImgRestore()&quot; onMouseOver=&quot;MM_swapImage('Image2','','images/aboutover.jpg',1)&quot;><img src=&quot;images/index_05.jpg&quot; name=&quot;Image2&quot; width=&quot;49&quot; height=&quot;48&quot; border=&quot;0&quot;></a></td>
<td width=&quot;125&quot;><font color=&quot;#666666&quot; size=&quot;2&quot;>About Abilitech</font></td>
</tr>
<tr>
<td height=&quot;60&quot;><a href=&quot;people.htm&quot; onMouseOut=&quot;MM_swapImgRestore()&quot; onMouseOver=&quot;MM_swapImage('Image3','','images/peopleover.jpg',1)&quot;><img src=&quot;images/index_05.jpg&quot; name=&quot;Image3&quot; width=&quot;49&quot; height=&quot;48&quot; border=&quot;0&quot;></a></td>
<td><font color=&quot;#666666&quot; size=&quot;2&quot;>Meet our team of experts</font></td>
</tr>
<tr>
<td height=&quot;62&quot;><a href=&quot;services.htm&quot; onMouseOut=&quot;MM_swapImgRestore()&quot; onMouseOver=&quot;MM_swapImage('Image4','','images/servicesover.jpg',1)&quot;><img src=&quot;images/index_05.jpg&quot; name=&quot;Image4&quot; width=&quot;49&quot; height=&quot;48&quot; border=&quot;0&quot;></a></td>
<td><font color=&quot;#666666&quot; size=&quot;2&quot;>Abilitech Services</font></td>
</tr>
<tr>
<td height=&quot;65&quot;><a href=&quot;contactus.htm&quot; onMouseOut=&quot;MM_swapImgRestore()&quot; onMouseOver=&quot;MM_swapImage('Image5','','images/contactover.jpg',1)&quot;><img src=&quot;images/index_05.jpg&quot; name=&quot;Image5&quot; width=&quot;49&quot; height=&quot;48&quot; border=&quot;0&quot;></a></td>
<td><font color=&quot;#666666&quot; size=&quot;2&quot;>Contact Us</font></td>
</tr>
<tr>
<td height=&quot;123&quot; colspan=&quot;2&quot; valign=&quot;top&quot;><table width=&quot;100%&quot; border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;>
<!--DWLayoutTable-->
<tr>
<td width=&quot;178&quot; height=&quot;119&quot; valign=&quot;top&quot;><div align=&quot;center&quot;><font color=&quot;#666666&quot;>70
King Street East<br>
Stoney Creek, Ontario<br>
L8G 1K2<br>
Tel: (905) 664-0695<br>
FAX (905) 662-1639<br>
Toll Free: 1-877-479-3333<br>
<a href=&quot;mailto:info@abilitech.ca&quot;>info@abilitech.ca</a></font></div></td>
</tr>
</table></td>
</tr>
</table>
</td>
</tr>
<tr>
<td height=&quot;2724&quot; background=&quot;images/leftbgbiggest1.jpg&quot;> </td>
<td colspan=&quot;2&quot; valign=&quot;top&quot;><table width=&quot;100%&quot; border=&quot;0&quot; cellpadding=&quot;2&quot; cellspacing=&quot;0&quot;>
<!--DWLayoutTable-->
<tr>
<td width=&quot;601&quot; height=&quot;2711&quot; valign=&quot;top&quot;><p>......................................................................................................................................................</p>
<p><font color=&quot;#666666&quot; size=&quot;4&quot;><strong>Ergonomic Evaluations</strong></font></p>
<p>Ergonomics is a science which emphasizes the importance of designing
workstations (i.e. office furniture or industrial work areas and
equipment) to fit the individual worker. <br>
&quot;
Ergonomics and human factors use knowledge of human abilities and
limitations to design systems, organizations, jobs, machines, tools,
and consumer products for safe, efficient, and comfortable human
use.&quot; </p>
<p>The goal of an ergonomic evaluation is to identify ergonomic risk
factors and determine the most effective strategy for controlling
or eliminating the potentially harmful effects of force, repetition,
awkward postures, static positions, contact stress, vibration and
cold/hot temperatures. </p>
<p>The AbiliTech approach consists of: </p>
<p>1) Detailed on-site assessment of the job activities and the related
physical demands<br>
2) Identification of any potential risk factors<br>
3) Development of solutions <br>
4) Implementation of the solutions<br>
5) Follow-up of implementations</p>
<p><font color=&quot;#666666&quot; size=&quot;4&quot;><strong>Functional Abilities Evaluation (FAE)</strong></font></p>
<p><font color=&quot;#666666&quot;>Functional abilities evaluations are a systematic and proven method
of measuring an employee's capacity and tolerances for meeting the
demands of job tasks. Our experienced professionals are specially
trained in the ARCON Functional Abilities Evaluation system. The
ARCON Functional Abilities Evaluation system is a state of the art
testing system based on internationally accepted principles. Combined
with the ARCON, our Kinesiologists will perform clinical functional
tests including work simulation tests. The FAE is usually completed
after an employee has sustained injury in order to determine if the
individual can return to their previous work or if they should work
in another area more suitable to their functional capacity.</font></p>
<p><font color=&quot;#666666&quot;>Benefits of the Computerized ARCON Testing Protocol: <br>
<br>• Objective Testing Results <br>
• Isoinertial Lifting System with Heart Rate Monitor <br>
• Static Strength Testing <br>
• Impairment Rating <br>
• Maximum Voluntary Effort Testing <br>
• Consistency of Effort Testing <br>
• Methods-Time Measurement Testing<br>
• Detailed easy to read reports </font></p>
<p><font color=&quot;#666666&quot; size=&quot;4&quot;><strong>Physical Demands Analysis (PDA)</strong></font></p>
<p><font color=&quot;#666666&quot; size=&quot;3&quot;>The Physical Demands Analysis is a quantitative examination of the
physical demands of the essential duties of a specific job. A Physical
Demand Analysis (PDA) assesses the stressors experienced by a worker
during each component of a job task. Since a job frequently involves
multiple tasks, the PDA systematically incorporates the frequency
and forces experienced during each task and gives a balanced and
overall assessment of all physical stresses experienced by the worker
while doing the job. <br>
<br>
A PDA normally includes descriptions of the following parameters: <br>
<br>• essential and non-essential demands of the job (critical task analysis) <br>
• organization of the work (e.g., workflow, work methods) the workplace
and work environment (e.g., air quality, noise, vibration) <br>
• physical demands of each task within a job, including range of motion,
forces and duration of forces<br>
• cognitive (mental) requirements or stresses of each job <br>
This information can be used for many purposes including: <br>
• It allows health professionals and Return to Work Coordinators to
comprehend the requirements of a job and, as a result, shortens the
timeline for return to work of injured and ill employees. <br>
• Job Demands Analysis are used in the identification of ergonomic
hazards in a job. Ergonomists use this data during the design of
the job, process or work method. This minimizes employee risk for
injury, error and/or illness.<br>
• Pre-placement screening: The PDA data is used in the development
of Pre-placement Screening Tests. As your employees are placed into
more demanding jobs or hired into your workplace, it may be necessary
to screen them via pre-placement screening.<br>
• Assisting in the return to work process by providing information
for the following rehabilitation processes: <br>
• Functional Abilities Evaluations <br>
• Return to Work Planning <br>
• Job Accommodations <br>
<br>
<strong><font size=&quot;4&quot;>Independent Medical Evaluations</font></strong><br>
<br>
A multi-disciplinary expert opinion is available for complex issues. On our assessment
roster, we have available the following specialties; <br>
<br>•
Physiatry<br>
•
Neurology<br>
•
Rheumatology<br>
•
Orthopedic Surgery<br>
•
Physiotherapy<br>
•
Occupational Therapy<br>
•
Chiropractic<br>
•
Psychology<br>
•
Psychiatry<br>
<br>
The assessors can address any questions regarding treatment issues, as well as
assist in the return to work process. In conjunction with a Functional Abilities
Evaluation, an opinion can be provided on disability status. </font></p>
<p><font color=&quot;#666666&quot; size=&quot;4&quot;><strong>Disability Management Services</strong></font><font color=&quot;#666666&quot; size=&quot;3&quot;><br>
<br>
AbiliTech Solutions Inc. can assist your company in setting up a
collaborative workplace disability management program which will
benefit your company in the following ways; <br>
<br>•
Facilitating early identification, referral, and treatment for disability
and/or injuries at work<br>
•
Facilitating the return to work process of an injured worker<br>
•
Providing education and early intervention services to prevent or
minimize the effects of disability in the workplace<br>
•
Promotion of injury prevention and reduction <br>
•
Assist in the administration of the WSIB claims.<br>
•
Assisting employees with disabilities in overcoming disability-related
restrictions or limitations,<br>
•
Implementation of polices regarding return to work and workplace
accommodation</font></p>
<p><font color=&quot;#666666&quot; size=&quot;4&quot;>Post-Offer Pre-Employment Screening</font></p>
<p><font color=&quot;#666666&quot;>Screening prospective employees for their suitability to work is
a preventive tool that may assist to combat the rising cost of work
related injuries. Performing functional assessments on an individual
in order to determine their physical capacity for work will identify
any functional deficiencies or risk factors that may predispose an
individual to a work related injury. </font></p>
<p><font color=&quot;#666666&quot;>A post-offer employment screen is designed
to determine if there is a match between the individual’s
functional capabilities and the job specific demands. A Physical
Demands Analysis is mandatory
for the completion of post-offer screening in order to accurately
simulate the specific job demands. </font></p>
<p><font color=&quot;#666666&quot;>Objective, valid, and defensible test results are produced utilizing
ARCON functional computerized testing equipment. The testing protocol
is tailored to the essential duties of the job position. Test components
typically consist of static and dynamic lifting, hand grip/pinch
strength tests, range of motion, and any other relevant job specific
tasks. Results are compared with industrial normative data. </font></p>
<p><font color=&quot;#666666&quot;>There are several benefits of performing Post-offer
employment screening; of most importance, the prevention of unnecessary
injury and human
suffering. Benefits for the employer include; decrease in job turnover,
decrease in WCB costs, and decrease in job absenteeism. Additionally,
the post-offer screen can serve as a baseline measurement to allow
for objective documentation of an individual’s functional capacity
which may be beneficial in determining a worker’s post-injury
level of function, and whether they are capable of returning to work
following an injury. </font></p>
<p><font color=&quot;#666666&quot; size=&quot;4&quot;><strong>Education Programs</strong></font></p>
<p><font color=&quot;#666666&quot;>AbiliTech Solutions Inc. can provide custom designed education programs
designed to meet the individual needs of your company. Typical topics
include; ergonomics, injury prevention/reduction, exercise, nutrition,
occupational health and safety law, and stress management. </font><br>
</p>
<p> </p>
<p align=&quot;center&quot;><font color=&quot;#666666&quot; size=&quot;2&quot;>website designed and managed by<font color=&quot;#0000FF&quot;> <a href=&quot; </tr>
</table>
</td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<map name=&quot;Map&quot;>
<area shape=&quot;rect&quot; coords=&quot;163,77,207,97&quot; href=&quot;index.html&quot;>
<area shape=&quot;rect&quot; coords=&quot;280,78,326,97&quot; href=&quot;people.htm&quot;>
<area shape=&quot;rect&quot; coords=&quot;392,80,458,96&quot; href=&quot;contactus.htm&quot;>
<area shape=&quot;rect&quot; coords=&quot;338,81,378,97&quot; href=&quot;aboutus.htm&quot;>
<area shape=&quot;rect&quot; coords=&quot;218,77,268,97&quot; href=&quot;services.htm&quot;>
</map>
</body>
</html>

I really appreciate all your help, I will keep trying what you have already suggested to me.

Thanks again

Brad
 
Upvote 0 Downvote
no offense but i cant/wont read that -- post a link if you have its easier to read -- also when puting code here wrap it in
Code:

near each of your categories add <a name=&quot;somename&quot;> make sure each name is different. then in the navigation you would make your link <a href=&quot;#somename&quot;>category 1</a>

its really that easy.

<signature>
sometime you just gotta say &quot;WHAT THE @#*% !!&quot;
</signature>
 
Upvote 0 Downvote
Here are a couple of changes, but really, adding the anchor tags is easy.

Code: 
<td width=&quot;50%&quot; valign=&quot;top&quot; background=&quot;images/dotbg.jpg&quot;><p><font color=&quot;#666666&quot;><strong><font size=&quot;4&quot;>Abilitech Services</font></strong></font></p>                <p><font color=&quot;#666666&quot;><a href = &quot;#ergeval&quot;>• Ergonomic Evaluations</a><br>
<a href = &quot;#Funcdis&quot;>• Functional Abilities Evaluation</a><br>
<a href = &quot;#Physdemands&quot;>• Physical Demands Analyses</a><br>
<a href = &quot;#IndMedEval&quot;>• Independent Medical Evaluations</a></font> <br>
<font color=&quot;#666666&quot;><a href = &quot;#disManage&quot;>• Disability Management Services</a></font> <br>
<font color=&quot;#666666&quot;><a href = &quot;#PostOffer&quot;>• Post-Offer Pre-Employment Screens</a><br>
<a href = &quot;#educate&quot;>• Education Programs</a></font></p>

In the preceding section where the links are, you add the anchor tag. Then in the body of the html page where the description is, just add <a name = &quot;Funcdis&quot;>Your section title....</a>

Try that and let me know how it goes. I was able to get it to work fine.

Nick
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

lmcate
  • Locked
  • Question
From HTML Page open an MDB files on the server and work
Replies
0
Views
206
lmcate
lmcate
cae154
  • Locked
  • Question
Body of email not appearing in correct font on iPhone and iPad
Replies
1
Views
792
spamjim
spamjim
bdwilcox
  • Locked
  • Question
More efficient / manageable way to code this HTA w/ VBScript?
Replies
0
Views
727
bdwilcox
bdwilcox
soni21
  • Locked
  • Question
JavaScript String to Number Conversion in HTML: Seeking Clarification
Replies
4
Views
1K
Chris Miller
Chris Miller
Expoverse
  • Locked
  • Helpful tip
Solution to CSS Two Level Horizonal Menu 1
Replies
1
Views
771
pmonett
pmonett

Part and Inventory Search

Sponsor

Back
Top