Stack Overflow
Stack Overflow

Questions tagged [jquery-tokeninput]

Tokeninput is a jQuery plugin which allows your users to select multiple items from a predefined list, using autocompletion as they type to find each item. You may have seen a similar type of text entry when filling in the recipients field sending messages on facebook.

Overview

Tokeninput is a jQuery plugin which allows your users to select multiple items from a predefined list, using autocompletion as they type to find each item. You may have seen a similar type of text entry when filling in the recipients field sending messages on facebook or entering email-ids in Gmail compose pop-up window.

Features

  • Intuitive UI for selecting multiple items from a large list
  • Easy to skin/style purely in css, no images required
  • Supports any backend which can generate JSON, including PHP, Rails, Django, ASP.net
  • Smooth animations when results load
  • Select, delete and navigate items using the mouse or keyboard
  • Client-side result caching to reduce server load
  • Crossdomain support via JSONP
  • Callbacks when items are added or removed from the list
  • Preprocess results from the server with the onResult callback
  • Programmatically add, remove, clear and get tokens
  • Customize the output format of the results and tokens

Screenshots

enter image description here

enter image description here

More at: http://loopj.com/jquery-tokeninput/

279 questions
0
votes
3 answers

Need to type only email id instead of text in jquery token input

I want, only the email should be accepted in the token input, not an ordinary text..
Lakshmi Priya.K
  • 187
  • 3
  • 10
0
votes
1 answer

Ruby on Rails with jQuery Tokeninput

I have been playing around with this for a while, and it seems to querying my database, though no results are being shown. If someone can help with this would be great View = text_field_tag :postcode_tokens, params[:search], :placeholder =>…
Boss Nass
  • 3,384
  • 9
  • 48
  • 90
0
votes
1 answer

Jquery Tokeninput Use search results instead of hint

I'd like Tokeninput to skip the help text and search for tokens right away. I have a pretty short list of tokens, so I'd like to display them to the user, rather than have the user try and guess what are the right tokens to choose. Seem's there's…
ChrisJ
  • 2,486
  • 21
  • 40
0
votes
1 answer

tokeninput showing all data instead of filterting

I have a jquery-tokeninput for selecting members in an app. The dropdown when typed in shows all data rather than filtering. Funny thing it it puts in bold what it should be filtering by. JSON: [{"name": "Bill Bailey", "id": 2}, {"name": "Will…
wjdp
  • 1,468
  • 19
  • 36
0
votes
2 answers

Passing static array to jquery-tokeninput

I am passing an static array to jquery token input but the search results are not exact match because there is no server side query's.. like for an array ['aa','bab','aab','abb'] if I type ab I'm getting 'bab' before 'abb' and 'aab'. can anyone help…
harishkumar329
  • 1,210
  • 4
  • 16
  • 34
0
votes
1 answer

Positioning input box of tokeninput

Im kinda stuck with jQuery tokeninput, i've hacked it so it works great with adding FreeTags to the database and return the id and the name for the new tag. Now i have another problems, its with positioning the input auto-complete area, the input…
moffepoffe
  • 372
  • 1
  • 8
0
votes
1 answer

Saving Many-to-Many Relationships with TokenInput

Help me, Oh Mighty Hive Mind. You're my only hope. I have been working on a small app for work that I'm building around a database (go figure). While I have managed to save relationship data more manually by iterating through the data, creating a…
mellypop
  • 66
  • 1
  • 8
0
votes
2 answers

jquery token input mouse right click and paste not working

copy paste through mouse in jquery-token input not working but works with ctrl+v . how to bind mouse right click to jquery token input field. tried various ways but not working $(document).mousedown(function(event) { if(event.which == 3) …
surendar
  • 656
  • 1
  • 9
  • 27
0
votes
0 answers

tokeninput with function instead of url

I'm currently using jQuery autocomplete, but I would like to use token input instead. Here is my current jQuery autocomplete code: $("#my-text-input").autocomplete({ source: function (request, response) { …
user2608171
  • 39
  • 7
0
votes
1 answer

Prevent adding token to jQuery-TokenInput

I am using jQuery-TokenInput in my application.I have some list of items, so when we enter any text if it is matched with the text in the list then it should not be added. For example: If I had a list["abc","def","xyz"]. So if we enter in "xyz" in…
Naresh.P
  • 399
  • 1
  • 3
  • 10
0
votes
0 answers

I'm having an error linking users on ruby

I made an authentication model from scratch. I want to associate one model (aula) with Students, I am using jquery-tokeninput do to so. But, i'm using Students as user to authenticate. The problem is that for some reason, when I am logged in, the…
Allan
  • 336
  • 3
  • 18
0
votes
2 answers

jQuery change detect value

I am using the following tutorial to populate a dropdown menu from a json list: http://loopj.com/jquery-tokeninput/ I am particularly using the following code: $(document).ready(function() { $("#demo-input-local").tokenInput([ …
Aessandro
  • 5,517
  • 21
  • 66
  • 139
0
votes
2 answers

Plugging in a jQuery plugin

I'm trying to use the jquery tokeninput plugin, the demos work fine however when I try to implement it I'm hitting a brick wall. Chrome chucks this at me: Uncaught TypeError: Object [object Object] has no method 'tokenInput' Below is an excerpt…
wjdp
  • 1,468
  • 19
  • 36
0
votes
1 answer

Showing keyboard on focus/click on mobile devices

I am using jquery-tokeninput. On mobile devices, when trying to add a token, a keyboard should open up, but the keyboard only opens when touching/clicking/focusing on $(".token-input-input-token-facebook") and not on $(".token-input-list-facebook")…
Nick Ginanto
  • 31,090
  • 47
  • 134
  • 244
0
votes
1 answer

Take one parameter from tokeinput JS

i use tokeinput "good plugin" with PHP and JSON work very good but now i need to take only 1 parameter from tokeinput form and use in JS. I need to take the parameter id the tokens are limit 1 $('.tags').tokenInput("get"); // for take all…
Fabrizio Fenoglio
  • 5,767
  • 14
  • 38
  • 75
1 2 3
…
18 19