DHTML examples tutorial

  Previous topic Next topic JavaScript is required for the print function Mail us feedback on this topic! Mail us feedback on this topic!  

Tutorial location and name:

Location:My Documents\My HelpAndManual Projects\Examples\DHTML Examples
(in Windows Vista My Documents is called Documents)
Name:dhtml.hmxz

Subjects covered:

This tutorial shows you how to edit your project's HTML templates to create some more advanced formatting and effects. All the code required is included in the tutorial project, which you can also use as a template for your own projects. Once you have worked through all the lessons you will be able to:

Program your own expanding and collapsing sections (if you don't have the Professional version of Help & Manual, which can do this for you automatically).
Create non-scrolling headers A non-scrolling header stays visible while the user scrolls the text of your topic. Help & Manual's own help uses these headers. for your HTML Help and Webhelp output.
Add graphical navigation buttons to your topic headers, with and without mouseover effects When the user positions the mouse over the button it changes and becomes highlighted..
Add a Print link or button to your topic headers.
Use CSS styles to change the appearance and behavior of all the hyperlinks in your project.
Add customized icons to the TOC (table of contents) of your Webhelp projects.
Add code to suppress underlined TOC entries in Webhelp in Firefox and Mozilla browsers.
Add a background to the TOC in Webhelp.
Add background images to topics and headers.

See also:

Using HTML templates

Page url: http://www.yourdomain.com/help/index.html?hm_tutorials_dhtml.htm