cnberg / at.js Goto Github PK

An autocompletion library to autocomplete mentions, smileys etc. just like on Github or Twitter!

At.js now depends on Caret.js.

This branch has been updated to v0.4.x. Please read CHANGELOG.md for more details. English Documentation will keep improving. Maybe you can do me a favor?

http://ichord.github.com/At.js

• Supports HTML5 contentEditable elements (NOT include IE 8)
• Can listen to any character and not just '@'. Can set up multiple listeners for different characters with different behavior and data
• Listener events can be bound to multiple inputors.
• Format returned data using templates
• Keyboard controls in addition to mouse
  • Tab or Enter keys select the value
  • Up and Down navigate between values (and Ctrl-P and Ctrl-N also)
  • Right and left will re-search the keyword.
• Custom data handlers and template renderers using a group of configurable callbacks
• Supports AMD

• jQuery >= 1.7.0.
• Caret.js (You can use Component or Bower to install it.)

https://github.com/ichord/At.js/wiki

Simply include the following files in your HTML and you are good to go.

<link href="css/jquery.atwho.css" rel="stylesheet">
<script src="http://code.jquery.com/jquery.js"></script>
<script src="js/jquery.caret.js"></script>
<script src="js/jquery.atwho.js"></script>

$('#inputor').atwho({
    at: "@",
    data:['Peter', 'Tom', 'Anne']
})

For installing using Bower you can use jquery.atwho and for Component please use ichord/At.js.

You can include At.js in your Rails application using the gem jquery-atwho-rails.

• branch stable-v0.3 with tag v0.3.3
• branch stable-v0.2 with tag v0.2.x
• branch stable-v0.1.x and tag v0.1.7

• @ichord

Let me know if you are using At.js. It will motivate me to work harder. And if you like At.js, just email me and add your website here Hope you like it, Thanks! :)

Project is a member of the OSS Manifesto.