Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Allows users to select accented characters as commonly done on touch screens, but with a keyboard
JavaScript
branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
Source
.gitignore
README.md
package.yml
screenshot.png

README.md

Accented Keyboard

Accented Keyboard is a handy class for people using a different keyboard layout than the language they'd like to write with Use left/right arrow key to move between letters, hit Enter or click with mouse button to select

Screenshot

How to use

Javascript snippet to initialize the class:

window.addEvent("domready", function(e) {
    new AccentedKeyboard({
        element: document.getElement("input.accented")
    })
})

HTML snippet:

<form>
<fieldset>
    <input type="text" class="accented" />
</fieldset>
</form>

In order to use this as a bookmarklet, please add this as a bookmark:

javascript:(function(){ak=document.createElement('SCRIPT');ak.type='text/javascript';ak.src='http://23c.se/Accented-Keyboard/Source/AccentedKeyboard-Bookmarklet.js';document.getElementsByTagName('head')[0].appendChild(ak);})();

Options

element: (string||object) reference to select dom element container. if passing a string, supply it's id
cssActions: (object) the names of the CSS classes used by the widget. Please change if you have conflicting CSS classes in your project. | default: {h: "hover", w: "wrapper"}
wrapperTag: (string) tag name to wrap the input element | default: "div"

Methods

The following methods are availible publicly:

(object) getAccentedChars(string): return associated list for matching letters
(void)   hide:                     hide the list element

Notes

Version 1.0

* First release
Something went wrong with that request. Please try again.