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
1 answer

Trouble encoding form data with accents

I have a basic form that asks the user to enter some text in a regular html input control and I am also using jquery-tokeninput to allow users to choose tags from a pre-filled list. One of the tags in the pre-filled list happens to be the word café,…
user95947
0
votes
1 answer

Jquery TokenInput with acts_as_taggable_on not creating token in search box

I am using Rails acts_as_taggable_on plugin with Jquery TokenInput but when a tag is entered and space bar pressed (changed delimiter to spaces) the token cloud is not created. Also, my Json output file looks a bit strange, it's not outputting the…
wolfbagel
  • 319
  • 3
  • 12
0
votes
2 answers

jQuery token input rails getting error Uncaught TypeError: Object [object Object] has no method 'tokenInput'

So I am using rails cast #258 as reference and am getting stuck when I try an load the page the javascript that adds the token input to the text field dosen't seem to be attaching properly. In the chrome console I am getting this error Uncaught…
user722583
  • 123
  • 1
  • 6
0
votes
1 answer

MVC3 and validating a mixture of Razor and jQuery plugins

I am using MVC3 and my view has a mixture of razor and raw html in my view e.g.
@Html.EditorFor(model => model.PAGE) @Html.ValidationMessageFor(model => model.PAGE)
…
Vidar
  • 6,548
  • 22
  • 66
  • 96
0
votes
2 answers

How to create a token input where the user also can add new tag

Currently, I'm using the gem "acts_as_taggable_on_steroids". Everything working fine. Now I'd like to add tokeninput to this "tag input box" All the tags existing should be displayed here as candidate tag. when the user input 1st word. and those…
MKK
  • 2,713
  • 5
  • 31
  • 51
0
votes
1 answer

How to prepopulate tokenput with values found in database

I am using the tokeninput control found here at http://loopj.com/jquery-tokeninput/ - its quite popular I believe. I have the following code that fills the input box nicely with author names - but I want to prepopulate the control with values found…
Vidar
  • 6,548
  • 22
  • 66
  • 96
0
votes
2 answers

jquery tokeninput cuts defaultValue after 14 characters

I'm using jQuery with tokeninput Plugin. I initialize it with: $("input#id").tokenInput(url, { defaultValue: "Very Long string 1234567810", ...}); After page loading the input box has the value "Very Long string 123". After focus and blur the box,…
take
  • 2,202
  • 2
  • 19
  • 36
0
votes
1 answer

Railscasts 258 Token Fields - Set additional attributes in :through table - the rails way to do it

I'm having a problem based on the excellent RailsCast #258 from Ryan Bates. The situation is as follows: class User < ActiveRecord::Base has_many :capabilities, :dependent => :destroy has_many :skills, :through => :capabilities, …
origami addict
  • 108
  • 1
  • 5
0
votes
1 answer

TokenInput - getting values from multiple search fields

I'm using Loopj's TokenInput and it's working fine. I have three search boxes on the same page - one each for three different search attributes and each with its own external data source (in this case, search by ship name, ship class and ship type).…
user1429842
  • 11
  • 3
0
votes
1 answer

tokeninput in rails not working

I'm trying to run the tokeninput plugin on a field. First of all the tutorial is mainly around adding id's from another associated model. I do not want to do that but just use a field from my own model (table) called tags. currently when i type it…
user979587
  • 269
  • 3
  • 14
0
votes
1 answer

Controller handling ActionResult and JSON data?

OK - from my controller/create, I want to update my 2 parts of my model: JOURNAL AUTHOR The Journal\Create - will create a basic journal and also query a table of authors and populate an autocomplete input box with author names (using JQuery,…
Vidar
  • 6,548
  • 22
  • 66
  • 96
0
votes
1 answer

Really having difficulty with New tokens on token input (from different model)

Im using jquery-tokeninput, but a fork of it which allows the User to add new custom tokens (Tag) for each Resource. Example here (Scroll down to the tag box and type a few letters. you can type ones that dont exist):…
Tallboy
  • 12,847
  • 13
  • 82
  • 173
0
votes
1 answer

Rails + jQuery-tokeninput + Draper decorator method

I'm using Rails + jQuery-tokeninput to perform typeahead search and populate a "belongs_to" relationship. Here is the model: class Performance < ActiveRecord::Base attr_accessible :composition_tokens belongs_to :composition ... …
mpelzsherman
  • 707
  • 9
  • 9
0
votes
1 answer

adding a count feature from a tags drop down using json, jquery and rails

im following the railscasts using jquery tokeninput http://railscasts.com/episodes/258-token-fields-revised in creating autocomplete tag tokens and have successfully done so. however, ive been trying to add a count attribute, very similar to stack…
Sasha
  • 3,281
  • 7
  • 34
  • 52
0
votes
1 answer

How do I submit this form in Rails so it lands at /users/:id?

I'm trying to do something that seems conceptually simple, but I just can't get it working. Here's what I'm trying to do: I have a simple "search" form on the /users/index page. It leverages jQuery Tokeninput to autocomplete a user…
JoshDoody
  • 417
  • 1
  • 4
  • 14
1 2 3
…
18
19