Home > Basic Functions > ccc xc > Web Applications > Web Field Help Button
Web Field Help Button
You can add multiple help buttons, icons or hyperlinks to a form within your Web application that open specific help pages. Follow the steps below to add help buttons to 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 create 'Help' links beside each textbox to display specific help for those fields. These links could also be buttons or images.
Open a Dynamic Help Page (page only, no contents)
|
<html><body>
<br><br>Username: <input>
<a href='http://www.domain.com/help/page.aspx?pageid=username' target=_blank>Help</a>
<br>Password: <input>
<a href='http://www.domain.com/help/default.aspx?pageid=username' target=_blank>Help</a>
<br><br><input type=button value=Login>
</body></html> |
Open a Dynamic Help Page (within help system)
|
<html><body>
<br><br>Username: <input>
<a href='http://www.domain.com/help/default.aspx?pageid=username' target=_blank>Help</a>
<br>Password: <input>
<a href='http://www.domain.com/help/default.aspx?pageid=password' target=_blank>Help</a>
<br><br><input type=button value=Login>
</body></html> |
Open a Static Help Page
|
<html><body>
<br><br>Username: <input>
<a href='help/username.htm' target=_blank>Help</a>
<br>Password: <input>
<a href='help/password.htm' target=_blank>Help</a>
<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 (within help system)
|
<html><body>
<br><br>Username: <input>
<a href='help/default.htm?username.htm' target=_blank>Help</a>
<br>Password: <input>
<a href='help/default.htm?password.htm' target=_blank>Help</a>
<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. Click the 'Help' link to display the help system in a new window.
See also
|