Home > Basic Functions > Context-sensitive Help > Web Applications > Web F1 Form Help

Web F1 Form Help

You can add context sensitive help to any form within your Web application so that when a user presses the F1 key, a help topic specific to that form is displayed. Follow the steps below to add F1 context sensitivity to a form within your web application.

1. Open a page (such as a login form) of your web application using an HTML editor such as Visual Studio or a text editor such as Windows Notepad. This is an example of a simple login form.

<html><body>
<br><br>
Username: <input><br>
Password: <input><br><br>
<input type=button value=Login>
</body></html>



2. Add the following code to capture the F1 key and display the help system.

Open a Dynamic Help Page (page only, no contents)

<html><body onhelp="window.open('http://www.domain.com/help/page.aspx?pageid=project_login', '_blank');return false;">
<br><br>
Username: <input><br>
Password: <input><br><br>
<input type=button value=Login>
</body></html>


Open a Dynamic Help Page   (within help system)

<html><body onhelp="window.open('http://www.domain.com/help/default.aspx?pageid=project_login', '_blank');return false;">
<br><br>
Username: <input><br>
Password: <input><br><br>
<input type=button value=Login>
</body></html>


Open a Static Help Page

<html><body onhelp="window.open('help/project login.htm', '_blank');return false;">
<br><br>
Username: <input><br>
Password: <input><br><br>
<input type=button value=Login>
</body></html>

* the url above assumes that the static help system is in a sub folder named 'help'


Open a Static Help Page   (with help system)

<html><body onhelp="window.open('help/default.htm?project login.htm', '_blank');return false;">
<br><br>
Username: <input><br>
Password: <input><br><br>
<input type=button value=Login>
</body></html>

* the url above assumes that the static help system is in a sub folder named 'help'



3. Open the html file in your browser. Press F1 to display the help system in a new window.




 

See also