Skip to content
<awesome-gh-repos>
vic

ichord/At.js

Add Github like mentions autocomplete to your application.
Source code at GitHub http://ichord.github.com/At.js
ichord/At.js.json
{
  "createdAt": "2012-01-18T16:32:13Z",
  "defaultBranch": "master",
  "description": "Add Github like mentions autocomplete to your application.",
  "fullName": "ichord/At.js",
  "homepage": "http://ichord.github.com/At.js",
  "language": "CoffeeScript",
  "name": "At.js",
  "pushedAt": "2021-11-18T12:53:24Z",
  "stargazersCount": 5267,
  "topics": [],
  "updatedAt": "2025-11-24T04:16:45Z",
  "url": "https://github.com/ichord/At.js"
}

⚠️ Announcement ⚠️

Section titled “⚠️ Announcement ⚠️”

This project was no longer maintained. You could use zurb tribute instead.

An autocompletion library to autocomplete mentions, smileys etc. just like on Github!
Build Status

Notice

Section titled “Notice”

At.js now depends on Caret.js.
Please read [CHANGELOG.md]!(CHANGELOG.md) for more details if you are going to update to new version.

Demo

Section titled “Demo”

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

Documentation

Section titled “Documentation”

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

Compatibility

Section titled “Compatibility”
  • textarea - Chrome, Safari, Firefox, IE7+ (maybe IE6)
  • contentEditable - Chrome, Safari, Firefox, IE9+

Features Preview

Section titled “Features Preview”
  • Support IE 7+ for textarea.
  • Supports HTML5 contentEditable elements (NOT including 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

Requirements

Section titled “Requirements”
  • jQuery >= 1.7.0.
  • Caret.js (You can use Component or Bower to install it.)

Integrating with your Application

Section titled “Integrating with your Application”

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 unsrc="js/jquery.caret.js"></script>
<script unsrc="js/jquery.atwho.js"></script>
$('#inputor').atwho({
    at: "@",
    data:['Peter', 'Tom', 'Anne']
})

Bower & Component

Section titled “Bower & Component”

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

Rails

Section titled “Rails”

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

Core Team Members

Section titled “Core Team Members”