Web-based Help Demos

This page provides sample scripts that you can use to create context-sensitive help for web-based applications. The complex scripts include copyright statements. If you use these scripts, please contact us.

If you have comments, suggestions, or trouble with a script, please send us an email.

Opening context-sensitive help

Opening a context-sensitive HTML-based help topic from a Web page
This demo shows how you can open a context-sensitive topic without using map files. Instead, it uses JavaScript to sense the application page’s filename. It then opens a matching Help file by adding "h_" as a prefix. Our founder, Scott DeLoach, created this technique in 1997, and it’s still working well 20+ years later.

Opening a help topic when the user presses F1
Users expect to see a help system when they press F1. In Internet Explorer, you can open a help topic when the F1 key is pressed. Other browsers will ignore the code, so you don’t have to worry about unexpected problems.

Using the context-sensitive help cursor
Want to mimic the context-sensitive help in Windows? This demo shows how you can change the cursor to the context-sensitive help icon.

Opening embedded help

Showing mouseover help
This demo shows how you can display hidden help layers as the user mouses over page elements.

Closing help

Closing popups when they lose focus or if Esc is pressed
This demo shows how to close a popup window it loses focus or when the Esc key is pressed. If you want to use another key to close the popup, you will need to know its keycode. Click here to see the keycode for different keys.

Closing all help windows when the main window closes
This demo shows how to close the help window when the application window is closed.


Single sourcing variables
Instead of typing the same information into every topic, why not store it in a JavaScript file?