How to code an accesskey to skip to content

[neilnewman]

I wish to implement an html accesskey that puts the focus onto the first field within the page.
Is this possible from a generic call.
A typical call using html would be:
<a>Skip to content</a>

NB: I tried adding a "content" div to the html++ part of the Presentation template, but this failed to work.

[Jon]

You could do this with an HTML control something like this:

Code: Select all

<a href="dummy" accesskey="h" onclick="$&#40;'input&#58;visible&#58;enabled&#58;first'&#41;.focus&#40;&#41;;return false;">skip to top</a>

This uses jQuery. Here's a discussion on different ways to find the first editable field on a page including non-jQuery solutions http://stackoverflow.com/questions/277544

You could probably also achieve this with a Hyperlink Control. To make it generic, put this in a component, then just add the component anywhere that you need it.

[neilnewman]

Thanks Jon that did the job nicely
I changed it a bit to read:
onclick="$(':input:enabled:visible:not([readonly]):first').focus();return false;"
which appears to do the job.