Solved

How do I open a dynamic HTML page at an anchor within the page?

Posted on 2014-09-05
6
323 Views
Last Modified: 2014-09-07
My program outputs a dynamic HTML page from a server. Is there a way to make the page open at an anchor within the page rather than at the top of the page?

Example: An HTML page is created on the fly with an anchor tag <a id="target"></a> 2/3 of the way down the page. The page is written (as always) to stdout. How do I get that page to open at the target?

With static pages, it is easy -- <a href="www.MyServer.com/MyPage.asp#target">Click here</a>. When writing dynamic pages, how ???????????
0
Comment
Question by:StMike38
  • 3
  • 2
6 Comments
 
LVL 1

Expert Comment

by:rwniceing
ID: 40305902
Read this anchor tag tutorial link at http://www.w3schools.com/tags/tag_a.asp

and try <a href="www.MyServer.com/MyPage.asp#target" target="_top">Click here</a>

Is it what your need ?
0
 
LVL 33

Expert Comment

by:paulmacd
ID: 40305910
You could probably inject some javascript to open the page (to the imbedded anchor) once it's been generated.  You would need a flag of some sort to make sure the javascript only fired once.

There's also window.location in javascript, which you might be able to use to scroll to an anchor location on the page.
0
 

Author Comment

by:StMike38
ID: 40306144
To rwniceing: When creating a dynamic page, there is no one to click a link. The target is not the top; it's well below.

To paulmacd: I have written and am writing (too many tens of thousands of lines of) C++. The problem with Javascript is that I cannot maintain it.

I have implemented a temporary solution -- injecting a link visible near the top of the page, so the user has to click it to be taken to the desired point. If interested, you can see that solution as follows:
[1] Browse to http://www.marpx.com/shake/
[2] Click on "Launch research index"
[3] Enter something in the search box, for example: Ophelia water [without quotes]
[4] Click the "Expand" logo in the lower left.
[5] Note the link "Highlighted result" near the top. Click on it.
[6] You are taken to the result well down the page.

I would prefer to make step 5 unnecessary by having the page open at the paragraph containing water and Ophelia 4 words apart.

StMike38
0
What Security Threats Are You Missing?

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

 
LVL 33

Accepted Solution

by:
paulmacd earned 500 total points
ID: 40306252
There's nothing to maintain.  As you build the page, write out a body tag that includes an onload event...
     <body onload="window.location.hash='anchor';">

...then, wherever you want to page to jump to, insert an anchor tag...
     <a name="anchor">

...and you should be all set
0
 

Author Comment

by:StMike38
ID: 40307617
To paulmacd: Modifying the body tag works both in the server program and in a PC-based CHtmlView equivalent program. In both cases, the page opens very nicely at the anchor point.

Thank you very much for a neat and elegant solution. You have been most helpful.

StMike38
0
 
LVL 33

Expert Comment

by:paulmacd
ID: 40308978
I'm glad the solution works for you, and am very happy to have been of service.
0

Featured Post

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Today, still in the boom of Apple, PC's and products, nearly 50% of the computer users use Windows as graphical operating systems. If you are among those users who love windows, but are grappling to keep the system's hard drive optimized, then you s…
In this post we will learn how to connect and configure Android Device (Smartphone etc.) with Android Studio. After that we will run a simple Hello World Program.
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

760 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

18 Experts available now in Live!

Get 1:1 Help Now