Simple Navigation Aids
Here are a few
common and simple navigation aids that you can use on your website. These have
been a standard for some time and are quite easy to implement on any website.
Back/Forward/Reload/Print page
<a
href="javascript:history.back(1)">Go Back</a>
<a href="javascript:history.forward(1)">Go Forward</a>
<a href="javascript:location.reload(1)">Refresh</a>
<a href="javascript:window.print()">Print This Page</a>
Here are examples
of navigation aids similar to the ones above but using form buttons
incorporating css style to enhance the regular buttons.
<FORM>
<INPUT TYPE="button" VALUE=" BACK " onClick="history.go(-1)" style="font-family:verdana;color:#FFFFFF;background-color:blue;font-size:11px;">
<INPUT TYPE="button" VALUE="FORWARD" onCLick="history.go(1)" style="font-family:verdana;color:#FFFFFF;background-color:green;font-size:11px;">
<INPUT TYPE="button" VALUE="Print this page" onCLick="window.print()"
style="font-family:verdana;color:#FFFFFF;background-color:orange;font-size:11px;">
</FORM>
This is how it
would look using the form buttons and incorporating css styling.
Try these on your own web site to help improve the ease of navigation between
pages for your visitors.
