AccentedKeyboard v1.1

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



Details

Author
Thomas Kunambi
Current version
v1.1
GitHub
23critters/Accented-Keyboard
Downloads
3626
Category
Forms
Tags
Report
GitHub Issues

Releases


Dependencies

  • _self_/_current_:
    • core/1.3: '*'
    • Element.Forms
    • Core/Element
    • /String.Extras
    • /MooTools.More

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

Discuss

A note on comments here: These comments are moderated. No comments will show up until they are approved. Comments that are not productive (i.e. inflammatory, rude, etc) will not be approved.

Found a bug in this plugin? Please report it this repository's Github Issues.

blog comments powered by Disqus