Access Key Highlighter plugin for jQuery now available
Posted: April 19, 2009 Filed under: Uncategorized | Tags: accessibility, JavaScript, jQuery 20 CommentsI’ve just published my first jQuery plugin release. It’s a port of my Access Key Highlighter control for ASP.NET AJAX that I released last year. I’ve rewritten the control for jQuery and plan to implement new features in both versions of the control from now on. You can see a live demo of it running at http://files.damianedwards.com/KeyTips/
If you have any feedback or feature suggestions go ahead and leave a comment here.
Damian Edwards 
Пора переименовать блог, присвоив название связанное с доменами 🙂 может хватит про них?
Да,aleks,побороть лень, действительно иногда очень сложно..
Hmmm, so you think I should change the name of my blog? Any suggestions?
не информативно как- то
Такой пост и распечатать не жалко, редко такое найдешь в инете, спасибо!
Что то слишком мудрено… И по-моему расчитано на блогера чем на вебмастера
what does this mean?
Very nice plug-in — very much want to use — but I’m having an issue when I try to incorporate this on a page within a ASP.NET Master Page — assuming the Master page is garbling one of the elements that you’re looking for… Please let me know if you can simulate the same situation. Thanks — and again, very nice plugin.
Which version are you using? I updated the original release with some fixes caused by invalid or bad HTML, e.g. with the “for” attribute set.
I dl’d the version you had on the site as of June 1st — have you had success in using this within a project using an ASP.NET Master page? If so, would love to see a demo project if at all possible. Most appreciated either way!
I’ve sent you an example of using the plugin with an ASP.NET page based on a Master Page. You shouldn’t have to do anything special. Note that if you are using ASP.NET AJAX you might be better using the original version I wrote for ASP.NET AJAX at http://www.codeplex.com/accesskeyhighlighter
Are you adding the accesskey for combo dropdowns?
Justin, combo dropdowns ( elements) are a tricky one because under all the HTML & XHTML doctypes the accesskey attribute is not allowed. No idea why, it just isn’t. So I omitted support for it to encourage compliant markup.
There are issues with elements that are hidden. I have some input fields that are hidden unless the user clicks a show button, but if they are still hidden the accesskey icons appear at the top left of the page. I tried adding the accesskey properties on the fly when the inputs are displayed but then no graphics appear at all. Shame as otherwise I like it.
That should be easily fixed Gene. I’ll patch the plug-in and post a new version. Thanks.
Your example page has an incorrect script path, so it doesn’t run.
Thanks. I’ve updated the link to point to the correct sample at http://files.damianedwards.com/keytips
I found your AccessKey plugin via Scot Hanselman’s blog and was exactly what I was looking for. Simple to set up only takes a few minutes. But I am having a strange issue with text boxes that have a type of email, I seem to get the popup icon appearing on both the label and the textbox regardless of what’s set as the access key.all other textboxes seem to be fine.
This is in MVC 3, I will experiment further to see if it’s something I’ve done or whether it is purely down to the type of textbox.
This might be down to the version I have (1.0.5) but the plugin is missing the following in the createPopups method.
add , button[accesskey] in the find as below, this now works on button as well, not done too much testing on this but seems to be working.
// Create popups for anchors and form fields
els.find(“a[href][accesskey], textarea[accesskey], input[accesskey], button[accesskey]”).each(function () {
if ($.inArray(this, accessKeyPopupFormFields) === -1) {
createPopup(this, this.accessKey, settings);
}
});
Thanks for the feedback. I’ve applied your changed and released an update as 1.0.6 http://nuget.org/packages/jquery.KeyTips