Access Key Highlighter jQuery Plugin Example
This page shows an example of using the Access Key Highlighter jQuery plugin with a typical form.
Hold down the
Alt key to see the access keys on this form highlighted.
To use the plugin on a page simply:
- Add a reference to jquery-1.3.2.js
<script type="text/javascript" src="script/jquery-1.3.2.js"></script>
- Add a reference to jquery.AccessKeyHighlighter.js
<script type="text/javascript" src="script/jquery.AccessKeyHighlighter.js"></script>
- Add a link to AccessKeyHighlighter.css in the head
<link type="text/css" rel="stylesheet" href="style/AccessKeyHighlighter.css" />
- Copy the popup-back.gif image to the same folder as the AccessKeyHighlighter.css stylesheet
- Add a call to $.highlightAccessKeys() in your page's onload script
$(function() { $.highlightAccessKeys(); });