• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

How to make 'top of page' (href="#") work for topics in the sub folder?

New Here ,
Jul 10, 2013 Jul 10, 2013

Copy link to clipboard

Copied

I have used the following code in the master page:

<a title="Top of page" href="#"><img src="gray_up.jpg" style="border: none; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; margin-left: 10px;" border="0" />

The link works fine for topics which are under the Project Files (main) folder, but the link won't work for topics under Project Files > Sub folder. Is there any way to fix this?

Views

1.2K

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jul 10, 2013 Jul 10, 2013

Copy link to clipboard

Copied

I haven't tried to do anything like this in my help, but have you tried

href="./#"

That should tell it current file in current directory, if that's what's tripping Robohelp up.

-m

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jul 10, 2013 Jul 10, 2013

Copy link to clipboard

Copied

I tried and this did not help.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jul 11, 2013 Jul 11, 2013

Copy link to clipboard

Copied

What is the HTML of the hyperlink in the subfolders? I think that RH may be changing the link to href="../#" for subfolders.

Greet,

Willam

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jul 11, 2013 Jul 11, 2013

Copy link to clipboard

Copied

Yes William, here is the code:

<a href="../#"><img alt="" src="../gray_up.jpg" title="Top of page" style="border: none;

  margin-right: 0px; margin-top: 0px; margin-bottom: 0px; margin-left: 10px;" border="0" /></a>

Is there any way to change this behavior?

Thanks!

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jul 11, 2013 Jul 11, 2013

Copy link to clipboard

Copied

Hi there

The problem with hyperlinks such as this in master pages is that when a topic uses the master page and it's inside a folder, the links in the master page are dutifully amended so they still work from the folder location. But as you have seen, in this case it's a bit troublesome.

I'm not a "roll script off the top of your head" sort of guy, so I'd be having to employ some Google ninja to locate a suitable script to begin with, but I know you can create a JavaScript that performs a "write in" of HTML code. I think the script has statements that read something like "document.write()" or some such.

So that would be my suggestion. Create a small JavaScript function that performs the task of simply writing in the link. Since it would all be in JavaScript, RoboHelp would be none the wiser that it would need to amend the code.

Perhaps Willam can shed more light on this, as he seems to be more well versed in scripting!

Cheers... Rick

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jul 15, 2013 Jul 15, 2013

Copy link to clipboard

Copied

<script type="text/javascript">

document.write('<a href="#">Top</a>');

</script>

Greet,

Willam

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jul 15, 2013 Jul 15, 2013

Copy link to clipboard

Copied

Thanks a lot!

Tried that code with a liitle modification as I am trying to use gray_up.jpg:

<script

                     type="text/javascript" language="JavaScript1.2">document.write('<a title="Top of page" href="#"><img src="gray_up.jpg" style="border: none; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; margin-left: 10px;" border="0" /></a>');</script>

The script works fine but now the imgae, gray_up.jpg, wont appear in the pages that are in sub folders.

I have added image as a baggage file.

Any fixes?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jul 15, 2013 Jul 15, 2013

Copy link to clipboard

Copied

Hi there

For me, it's messy for sure, but the simplest approach was always to copy the image to all the folders. The only other way would be to amend your document.write code in a manner that references the image explicitly via a fully qualified URL.

Your call... Rick

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jul 17, 2013 Jul 17, 2013

Copy link to clipboard

Copied

LATEST

Don't copy the image, instead get a link to the root of the project. And it just so happens that there is a function for that that works in WebHelp and CHM

See http://www.wvanweelden.eu/blog/2012/08/03/get-relative-link-project-root

Greet,

Willam

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Resources
RoboHelp Documentation
Download Adobe RoboHelp