MooTools

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.