Highlighted

How can I configure Robohelp to display search results in DHTML drop-down hotspots?

New Here ,
Oct 25, 2011

Copy link to clipboard

Copied

Hello. We designed our online help using drop-down hotspots (this look is much cleaner to us). Problem is, when a user searches for something and clicks the Search results topic page  to find the information, the topic page displays, but does not expand the drop-down hotspot to show the exact location of the searched item. Is there a JavaScript or some other solution to get the DHTML hotspot to expand, showing the information? Thanks.

Hi and welcome to the community,

Which version of RoboHelp are you using? What is your output?

For WebHelp in RH8/9, see http://www.wvanweelden.eu/robohelp/skinning_webhelp/expand_dropdowns_and_expandspots_for_search_results

Greet,

Willam

TOPICS
WebHelp

Views

2.0K

Likes

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

How can I configure Robohelp to display search results in DHTML drop-down hotspots?

New Here ,
Oct 25, 2011

Copy link to clipboard

Copied

Hello. We designed our online help using drop-down hotspots (this look is much cleaner to us). Problem is, when a user searches for something and clicks the Search results topic page  to find the information, the topic page displays, but does not expand the drop-down hotspot to show the exact location of the searched item. Is there a JavaScript or some other solution to get the DHTML hotspot to expand, showing the information? Thanks.

Hi and welcome to the community,

Which version of RoboHelp are you using? What is your output?

For WebHelp in RH8/9, see http://www.wvanweelden.eu/robohelp/skinning_webhelp/expand_dropdowns_and_expandspots_for_search_results

Greet,

Willam

TOPICS
WebHelp

Views

2.0K

Likes

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
Oct 25, 2011 0
LEGEND ,
Oct 25, 2011

Copy link to clipboard

Copied

Hi and welcome to the community,

Which version of RoboHelp are you using? What is your output?

For WebHelp in RH8/9, see http://www.wvanweelden.eu/robohelp/skinning_webhelp/expand_dropdowns_and_expandspots_for_search_resu...

Greet,

Willam

Likes

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
Reply
Loading...
Oct 25, 2011 0
New Here ,
Oct 25, 2011

Copy link to clipboard

Copied

Thank you! I'm using RH9. The output is WebHelp.

Likes

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
Reply
Loading...
Oct 25, 2011 0
New Here ,
Oct 26, 2011

Copy link to clipboard

Copied

Step 5: Add the code from the supplied text file to the top whtopic.js.

Do I add the code at the very beginning, before   //   WebHelp 5.10.005  ?

I'm asking because I followed the steps and it did not work.

FWIW, I am also using the Twisties function in Robohelp (via the drop-down hotspot style file).

Thanks.

Likes

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
Reply
Loading...
Oct 26, 2011 0
LEGEND ,
Oct 26, 2011

Copy link to clipboard

Copied

Hi,

You can add the functions at the very beginning or the very end of whtopic.js. The Twisties function is fully supported and should work.

What browser and version are you using? Do you receive an error message?

Greet,

Willam

Likes

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
Reply
Loading...
Oct 26, 2011 0
New Here ,
Oct 28, 2011

Copy link to clipboard

Copied

I am using Firefox 4.0.1 and IE8. I don't get an error message. After I ran a build and deployed online help from our server (we no longer use SVN), I tested it out in Firefox and IE.

I entered text in the Search box, clicked Go, and got results for it. I clicked a search result and the topic page opened. None of the hotspots (that included results) were expanded.

Regards,

Rita

Likes

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
Reply
Loading...
Oct 28, 2011 0
New Here ,
Dec 05, 2011

Copy link to clipboard

Copied

Hi William,

It's been about a month since I originally asked this question (had to reprioritize some tasks)... I still cannot get this to work. I added the script to the whtopic.js file in the Output folder. I even removed the twisties to make sure that was not the issue, but no luck.

What could I be doing wrong?

Rita

Likes

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
Reply
Loading...
Dec 05, 2011 0
LEGEND ,
Dec 19, 2011

Copy link to clipboard

Copied

We solved the problem. There were some problems with the project, but it works now.

Greet,

Willam

Likes

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
Reply
Loading...
Dec 19, 2011 0
Participant ,
Jan 12, 2012

Copy link to clipboard

Copied

A quick follow-up, William: it works beautifully! Thank you for the code and the process.

Likes

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
Reply
Loading...
Jan 12, 2012 0
Community Beginner ,
Sep 18, 2018

Copy link to clipboard

Copied

Hello!!

I know this question was answered long ago for RH8/9. How can I get MY version of RoboHelp to hyperlink to text within a DHTML drop-down hotspot? I'm desperately trying NOT to revert to non-drop-down hotspots, as I have multiple dozens of them across dozens of  FAQs topics. The topic pages will become VERY large. But since we're moving towards creating more discoverable content, this current setup is no longer working for us.

RH version: 2017

RH Output: Responsive HTML5

Any other information you need?

Thank you so much!!

--Tabby

Likes

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
Reply
Loading...
Sep 18, 2018 0
Adobe Community Professional ,
Sep 19, 2018

Copy link to clipboard

Copied

I had a link to the answer but it is not working now. I have contacted the site owner to see if it will still work in later versions and, if so, to post the answer or a link.


See www.grainge.org for free RoboHelp and Authoring information.

@petergrainge

www.grainge.org for free RoboHelp & Authoring info. Use the blue Reply button at the top to help me help you.
The black Reply link nests replies and they sort out of order.

Likes

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
Reply
Loading...
Sep 19, 2018 0
Community Beginner ,
Sep 19, 2018

Copy link to clipboard

Copied

Thank you!! Looking forward to your solution.

--Tabby

Likes

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
Reply
Loading...
Sep 19, 2018 0
New Here ,
Oct 27, 2018

Copy link to clipboard

Copied

Really had to dive deep there. Here's what I found in my archive: a script for Responsive HTML5 and one for WebHelp. Both scripts must be referenced in the topic that contains the anchor (bookmark). You can use a master page for that.

Haven't had a question on this in years so I removed it some time ago.

Dropbox - Linking to a Dropdown.zip

Kind regards,

Willam

Likes

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
Reply
Loading...
Oct 27, 2018 0
TabbyW LATEST
Community Beginner ,
Oct 31, 2018

Copy link to clipboard

Copied

Hi Willam,

Appreciate the response, but I've decided weeks ago NOT to use DHTML after all. I needed to get a project done and could not wait. May look into using this for a different project.

The new look for my expanded out FAQs is growing on me. I added a mini-TOC to the very top of each topic for quick access.

Thanks so much!

--Tabby W.

Likes

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
Reply
Loading...
Oct 31, 2018 0