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

add tags by variable with tokeninput

Hi guys when i want add a tag by selector jquery not working, like result i have always one id the code is the following: $(".conversation").click(function () { var profile_id = $(this).attr("id"); var name = $('#' + profile_ids).text(); …
Fabrizio Fenoglio
  • 5,767
  • 14
  • 38
  • 75
0
votes
2 answers

Detecting clicks in margin space of
  • elements

    • Is there a way to detect clicks on the css margin of an element? I'm working with a tagging system in a textbox a bit like this one. What I want to be able to do, is register when a user clicks between two tags, and position the cursor as such.…
    Chris
    • 5,882
    • 2
    • 32
    • 57
    0
    votes
    1 answer

    Autocomplete/tagging jQuery plugin with ordering and cursor

    I'm looking for a jQuery tagging/autocomplete plugin where I tags can be inserted mid-order - and control over this is possible with the mouse. I've gone through everything I can find, but am yet to find a plugin with all the requirements I'm…
    Chris
    • 5,882
    • 2
    • 32
    • 57
    0
    votes
    1 answer

    Parse JSON array of hashes into jQuery tokenInput

    I have jQuery token input implemented for tagging purposes where a user can search for a tag or create a new one thanks to railscasts ep#382 & ep#258. Data comes from the tags.json url which is the index action of the tags controller. The data from…
    dodgerogers747
    • 3,325
    • 9
    • 34
    • 55
    0
    votes
    1 answer

    JQuery TokenInput searches for spaces

    I am using JQuery TokenInput instead of auto search. If I press space bar multiple times, then by using back space, remove all spaces and in result it shows me a list which contains all values of that field. How can I restrict on search for…
    unnati patil
    • 1,601
    • 2
    • 13
    • 12
    0
    votes
    1 answer

    jQuery-tokeninput not showing my search results

    I am using the jquery-tokeninput and is not able to get it to work, the ajax call is not entering the success method when the result contains a list of results. I use jQuery version 1.9.1 and the tokeninput version 1.6.1 I am using this html, and…
    Bo Nørgaard
    • 9
    • 4
    0
    votes
    1 answer

    tokeninput not showing dropdown

    Working on a custom control that fetches employee from WCF in json. Below is the code $("#" + txtEmployeeInput).tokenInput(urlService + '/GetEmployeesForTokenInput', { prePopulate: selectedEmployeesForTokenInput, …
    Taha Rehman Siddiqui
    • 2,441
    • 5
    • 32
    • 58
    0
    votes
    1 answer

    Converting Simple form Data attribute to Formtastic

    I have a simple form which uses jquery-tokeninput as shown in the code below (http://loopj.com/jquery-tokeninput/, https://github.com/loopj/jquery-tokeninput). Can I convert the form to use formtastic and keep the data attribute working? what should…
    offangfang
    • 1
    • 1
    0
    votes
    0 answers

    Unbinding TokenInput

    Is there any defined way to unbinding token input, the problem I am facing is that I am tracking the binding with a variable, which works in every browser, but sometime it binds element twice in IE8 only. So, I was thinking why not unbind it before…
    Taha Rehman Siddiqui
    • 2,441
    • 5
    • 32
    • 58
    0
    votes
    1 answer

    jquery tokeninput uncommon parameters sent, not working anymore in rails 3.2.13

    I know tokeninput isn't made for rails specifically, but after upgrading from 3.2 to 3.2.12 it doesn't work anymore. It doesn't get the results. All I have as a clue are 2 parameters that weren't sent in the older version of rails: Started GET…
    rails_has_elegance
    • 1,590
    • 4
    • 21
    • 37
    0
    votes
    1 answer

    Passing a list in a url inside a TokenInput with Django, he only pass the last one

    I am using jquery-tokeninput as an autocomplete to retrieve some objects in my app. My js code to initialize the autocomplete is this: function initialize_search(model, input_busca) { var url = reverse('autocomplete.'+model) +…
    Vinicius Ramos
    • 1
    0
    votes
    2 answers

    jQuery-Tokeninput not displaying results from JSON results

    View = text_field_tag :food_tokens FoodsController def search @foods = Food.where("name LIKE ?" , "%#{params[:q]}%") respond_to do |format| format.json { render json: @foods.as_json(only: [:id, :name]) } end end Routes match '/search' =>…
    jamesfzhang
    • 4,403
    • 8
    • 32
    • 43
    0
    votes
    1 answer

    Field content empty when using jquery-tokeninput

    I created a form where user can create a profile and select keyword from an autocomplete token field using jquery tokenInput. the problem is as soon as I call .tokenInput() on the textfield, the text in it is not sent when the form is submitted. I'm…
    user1445685
    • 793
    • 1
    • 11
    • 25
    0
    votes
    2 answers

    Jquery Token-Input - Pass propertyToSearch attribute value dynamically

    I am using Jquery Token-Input for autosearch field. I need to send PropertyToSearch field value dynamically. HTML: Month Day As in the above…
    logarajaks
    • 37
    • 1
    • 8
    0
    votes
    1 answer

    How to make matching chars bold+red when using jQuery Tokeninput

    I am using http://loopj.com/jquery-tokeninput/demo.html#formatting I would like to make the matching chars also red, but cannot locate the piece of CSS or Javascript they have. Their project is on GitHub.
    Pentium10
    • 204,586
    • 122
    • 423
    • 502
    1 2 3
    …
    18 19