Access Key Highlighter plugin for jQuery now available

I’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/

Access Key Highlighter popups on form field labelsAccess Key Highlighter popups on buttons and hyperlinks

 

If you have any feedback or feature suggestions go ahead and leave a comment here.

About these ads

20 Comments on “Access Key Highlighter plugin for jQuery now available”

  1. Marinkina says:

    Пора переименовать блог, присвоив название связанное с доменами :) может хватит про них?

  2. Gavrilin says:

    Да,aleks,побороть лень, действительно иногда очень сложно..

  3. Hmmm, so you think I should change the name of my blog? Any suggestions?

  4. Cederash says:

    не информативно как- то

  5. Ferinannnd says:

    Такой пост и распечатать не жалко, редко такое найдешь в инете, спасибо!

  6. Avertedd says:

    Что то слишком мудрено… И по-моему расчитано на блогера чем на вебмастера

  7. Lance Larsen says:

    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.

  8. 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.

    • Lance Larsen says:

      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!

  9. 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

  10. Justin King says:

    Are you adding the accesskey for combo dropdowns?

  11. 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.

  12. Gene says:

    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.

  13. Jessica says:

    Your example page has an incorrect script path, so it doesn’t run.

  14. 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.

  15. 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);
    }
    });


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Follow

Get every new post delivered to your Inbox.

Join 33 other followers