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

How do script a next and previous buttons for browsing between topics utilizing browsing sequence?

New Here ,
Dec 18, 2010 Dec 18, 2010

Copy link to clipboard

Copied

I want to put in "Next Topic" and "Previous Topic" buttons on the top of my page, apart from the the arrows in the TOC. I have set a browse sequence. But I am unalbe to script the buttons. Can anyone help please.

thanks.

Views

796

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

correct answers 1 Correct answer

LEGEND , Dec 20, 2010 Dec 20, 2010

Hi,

You're certainly on the right track. The problem is that you cannot use a 'hard' path to the images. It may work for topics in the root, the directory images may exist. It may not work for topics elsewhere, because the correct path would be something like '../../Images/'.

Also, you need to add the images as baggage files to your project. If you only use the images in a script, RoboHelp will not recognize them as resources.

I've updated te above article. It now includes how to use images as brow

...

Votes

Translate

Translate
LEGEND ,
Dec 20, 2010 Dec 20, 2010

Copy link to clipboard

Copied

Hi,

With a little JavaScript you can easily add those buttons to your topic. See http://www.wvanweelden.eu/robohelp/webhelp/skinwebhelp/browse_sequences_in_topics for a simple example.

Rick also has a solution in his Skinny on Skins.

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 ,
Dec 20, 2010 Dec 20, 2010

Copy link to clipboard

Copied

what I was trying to do is script two buttons instead of displaying text. your links were helpful but i was not able to get the images to display. This is as far as I got:

<p><script type="text/javascript">var sForward = canGo(true);
var sBackward = canGo(false);

if(sForward == true)//If there is a next page, add a link to the next topic.
document.write('<a href="javascript:void(0);" onclick="onNext();"><img src="Images/orange_left.jpg" alt="" style=""width: 24px; height: 19px;" /></a> ');
if(sBackward == true)//If there is a previous page, add a link to the previous topic.
document.write('<a href="javascript:void(0);" onclick="onPrev();"><img src="Images/orange_right.jpg" alt="" style="width: 24px; height: 19px;" /></a>');</script></p>

The images (which are arrows) are not displayig , instead i get an empty place holder in their position.

Any ideas?

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 ,
Dec 20, 2010 Dec 20, 2010

Copy link to clipboard

Copied

Hi,

You're certainly on the right track. The problem is that you cannot use a 'hard' path to the images. It may work for topics in the root, the directory images may exist. It may not work for topics elsewhere, because the correct path would be something like '../../Images/'.

Also, you need to add the images as baggage files to your project. If you only use the images in a script, RoboHelp will not recognize them as resources.

I've updated te above article. It now includes how to use images as browse sequence buttons.

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 ,
Dec 20, 2010 Dec 20, 2010

Copy link to clipboard

Copied

LATEST

thank you, that should solve the problem

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