LoopJ - Latest Comments

Re: jQuery Plugin: Tokenizing Autocomplete Text Entry

choco — Fri, 03 Jul 2009 15:19:18 -0000

Great dude ... my congrats

Re: jQuery Plugin: Tokenizing Autocomplete Text Entry

gp — Wed, 01 Jul 2009 17:16:50 -0000

Yes, can somebody help. How do we allow user to add an inputed token that is not in the list ?

Re: jQuery Plugin: Tokenizing Autocomplete Text Entry

ellisgl — Wed, 01 Jul 2009 14:44:20 -0000

Here's my addition to the script: Replace lines 509-593
if(settings.method == "POST")
{
$.post(settings.url, {"q": query}, function (results) {
cache.add(query, results);
populate_dropdown(query, results);
}, "json");
}
else
{
$.get(settings.url, {"q": query }, function (results) {
cache.add(query, results);
populate_dropdown(query, results);
}, "json");
}

Re: jQuery Plugin: Tokenizing Autocomplete Text Entry

ellisgl — Wed, 01 Jul 2009 14:28:09 -0000

I've been noticing every once in a while the ajax callback is returning a 302 and doesn't update the entry. A fix would be to use POST instead of GET.

Re: jQuery Plugin: Tokenizing Autocomplete Text Entry

JS — Sun, 28 Jun 2009 14:45:28 -0000

Great work James and co contributors. Very easy to implement.

Note: I’m working from one of the hybrid versions –source control vote++.

My requirement: Allow the user to select country, then state based on country, then suburb / town based on state. This scenario seems like a natural fit for this style of control but yet to find an example of this implementation. I'll post when functional.

I have this working fine for new address where there are no predefined values. I use the call back to initialise the dependant controls. I can’t load all 3 controls using the ready event as there are dependent parameters for state and suburb (when new address) so I have a method buildState, buildSuburb as the call back for country and state respectively. All works fine until edit. When an address exists I pre populate with the required values however I can’t prevent the drop down from showing nor can I find a way to call the hide_dropdown method. Alternatively (preferred method) would be to assign the call back methods after the controls are initialised but can’t see a way to do this either.

I’m finding my way around JQuery so please feel free to suggest / critique my approach / implementation.

JS

Re: jQuery Plugin: Tokenizing Autocomplete Text Entry

Marcos — Sat, 27 Jun 2009 10:29:59 -0000

I need to provide autocomplete results and recieve whatever new tag/name/text the user wants to create or send back to the server.

Re: jQuery Plugin: Tokenizing Autocomplete Text Entry

Margie Roginski — Fri, 26 Jun 2009 13:12:26 -0000

I'm not sure what you mean by new tags. You mean the autocomplete results? Your url (first argument to tokenInput) needs to be a URL that is going to return those results in json format. At the top of this blog, there is a usage section that shows the exact json format. My server side is django, but yours might be php, cgi, or whatever is your server program.

Margie

Re: jQuery Plugin: Tokenizing Autocomplete Text Entry

Marcos — Fri, 26 Jun 2009 12:53:16 -0000

I haven't found a way to recieve new tags. Right now I have a collection of pre populated results but what I want to achieve is the user to add new tags if they do not exist.. How can I do this?

Thanks,

Re: jQuery Plugin: Tokenizing Autocomplete Text Entry

Margie Roginski — Fri, 26 Jun 2009 11:16:34 -0000

You need to use the prePopulate option. It's in the version that Richard G refers to above, and there is an example above as well. I used that and it worked well.

Margie

Re: jQuery Plugin: Tokenizing Autocomplete Text Entry

sudip — Fri, 26 Jun 2009 07:30:04 -0000

The Stuff is really cool .. but I am not able to show the dafault values in the field. Can you plaease tell me how to do this.

Re: Python API for TheTVDB.com

Andre Miller — Thu, 25 Jun 2009 11:34:36 -0000

I'll certainly have a look and thanks for creating this James. If it works out I'd like to use it in a project I'm starting : http://code.google.com/p/medianav/

Re: jQuery Plugin: Tokenizing Autocomplete Text Entry

Abu Ammar — Thu, 25 Jun 2009 10:37:36 -0000

hi there,

thanks for the nice plugin, I'm using with some modification. My suggestion is rather than license it under GPL2, more permissive such as LGPL/MIT/BSD is better.

Anyway tqvm for the nice plugin.

Regards.

Re: jQuery Plugin: Tokenizing Autocomplete Text Entry

pamelae13rideout — Thu, 25 Jun 2009 03:02:18 -0000

If we’d change to a plan similar to the one used in the Netherlands, where 100% of the population is covered at a cost of less than 10 % of GNP, we’d save roughly $1 trillion each year and have a much happier, productive population. Why do conservatives (Republicans) want to make the insurance companies, drug companies, doctors and hospitals rich, are they so heavily invested into these industries? What si so wrong with www.geonlineservice.com the Federal Government determinning what should be in the insurance package for everyone? The FDA does a credible job on drugs. Objecting to paying through taxation for benefits that one does not select personally is crazy

Re: jQuery Plugin: Tokenizing Autocomplete Text Entry

Margie Roginski — Tue, 23 Jun 2009 02:24:52 -0000

I think your question was the same as mine - you are trying to get the numeric id associated with your strings? They come back in the actual input field that you call tokenInput on. For example, I called it like this:

$('#id_owners'').tokenInput(
'/taskmanager/get_matching_users_multi/', {
hintText:"Type username here",
noResultsText:"No results",
searchingText: "Searching...",
classes: {
tokenList: "token-input-list-facebook",
token: "token-input-token-facebook",
tokenDelete: "token-input-delete-token-facebook",
selectedToken: "token-input-selected-token-facebook",
highlightedToken: "token-input-highlighted-token-facebook",
dropdown: "token-input-dropdown-facebook",
dropdownItem: "token-input-dropdown-item-facebook",
dropdownItem2: "token-input-dropdown-item2-facebook",
selectedDropdownItem: "token-input-selected-dropdown-item-facebook",
inputToken: "token-input-input-token-facebook"
}
});

In my POST, id_owners contained a string like this: "3,4,4" coresponding to usernames "john", "andy", "andy" that were submitted. Note that if the same string is chosen by the user multiple times, its value comes back multiple times as well.

I looked at some other packages, in particular http://www.emposha.com/javascript/jquerymultise..., but could not figure out how to get the values. Maybe I was just being stupid... but when I posted on the blog there, got no response.

Re: jQuery Plugin: Tokenizing Autocomplete Text Entry

Margie Roginski — Tue, 23 Jun 2009 02:14:36 -0000

Thanks for your response Rich. I'm a bit of a newbie in this javascript/jquery area, but with an evening's work I got it working and integrated into my django app. Despite the fact that it is not source code revisioned, I found this package to be the most well documented and usable of any I've found. One minor thing I noticed is that when I type 'tab' to select the value, it selected the value but then the cursor went on to the next input field in my form. It seems like it should stay in the tokeninput field so that the user can then choose another value. I found that if I change the 'return true' at line 164 to 'return false', that it then does what I want, selects the value and stays in the input so that I can select another.

Thanks for pulling together all the fixes and reposting the source, and for your response as well - it gave me the faith to press on!

Margie

Re: jQuery Plugin: Tokenizing Autocomplete Text Entry

Craig Lebowitz — Mon, 22 Jun 2009 22:40:51 -0000

This is in the same line as Richard and Margie's comments:

I forked and am carrying along id's in the DOM in my version. If this project goes under source control, I will submit the (small) changes to the group. Right now I feel like more contributions are just going to destabilize this tree too much. OP: thanks for the nice package.

Re: jQuery Plugin: Tokenizing Autocomplete Text Entry

Richard G — Mon, 22 Jun 2009 20:12:53 -0000

Hi Margie,

The version I'm using with most of the above patches can be downloaded from http://files.getdropbox.com/u/642364/blogger/sc...

It's a shame this plugin is not being actively maintained or source controlled as it's quite good (yes, it does what you described, i.e. select multiple users and pass back the ids as a comma delimited string for server-side splitting and processing).

Re: jQuery Plugin: Tokenizing Autocomplete Text Entry

Margie Roginski — Mon, 22 Jun 2009 19:57:00 -0000

I'm confused! I am looking for a jquery widget that will let me select a bunch of users via autocompletion and then post their ids back to my database. The jquery autocomplete doesn't seem give me this, right? It will autocomplete, but it doesn't collect up all the results (ie, the chosen users) so that I can easily get the data and just post it back to my db. It seems like this package being discussed here does do that for me. I see some other similar packages listed at http://jqueryui.pbworks.com/ListBuilder, but can't quite figure out which have which features.

Is there a latest version of this somewhere? Seems like a lot of different people are working on it, not sure where I should download it from to try it out. Could someone point me to the latest and greatest that I could download?

Margie

Thanks

Re: jQuery Plugin: Tokenizing Autocomplete Text Entry

Gordon — Sun, 21 Jun 2009 15:31:30 -0000

For anyone using this on a site that combines jQuery and Prototype, you'll have to change the for.. in.. statements in the prePopulate method to use $.each( array, function(i){...}) as Prototype mangles the Array object and causes the field to be prePopulated with a lot of junk,

Re: jQuery Plugin: Tokenizing Autocomplete Text Entry

Francisco Filho — Sat, 20 Jun 2009 02:30:26 -0000

I want the id of the selected item is the value of the input in a form to insert data in mysql. is it possible?

sorry, my english isn't very good.

Re: jQuery Plugin: Tokenizing Autocomplete Text Entry

Richard G — Thu, 18 Jun 2009 20:16:35 -0000

Your multi-param solution is so much simpler, can't believe I missed it.

Would definitely be great to have this under source-control. It's a very useful plugin which people seem keen to maintain. This needs to go on Google Code or something

Re: jQuery Plugin: Tokenizing Autocomplete Text Entry

Craig Lebowitz — Thu, 18 Jun 2009 14:51:52 -0000

There was a bug in Richard's multiparam parameter. I am using the below code to get around the need for such a parameter, it just looks for ? in the url.

...
var queryStringDelimiter = settings.url.indexOf("?") < 0 ? "?" : "&";
$.get(settings.url + queryStringDelimiter + "query=" + query, {}, function(results) {

Also, with Richard's code, I am seeing an error when I hit enter after selecting a token with the keyboard:

The add_token_from_data is not defined
(?)()()jquery.t...ninput.js (line 157)
handle()()jquery.latest.js (line 7069)
(?)()()jquery.latest.js (line 6844)
[Break on this error] add_token_from_data({ id: null, name: name });

Re: jQuery Plugin: Tokenizing Autocomplete Text Entry

Craig Lebowitz — Thu, 18 Jun 2009 11:02:02 -0000

James, great work and Dirk and Richard, nice patches. Would you consider putting this under some form of source control to keep track of the changes?

Re: jQuery Plugin: Tokenizing Autocomplete Text Entry

Richard G — Wed, 17 Jun 2009 00:41:10 -0000

I've been going through all the comments and reading up on all the changes/patches people have made to the script. I haven't found a consolidated version of all this, so I tried creating my own with all the code snippets posted by people and some minor tweaks of my own. You can download it from http://files.getdropbox.com/u/642364/blogger/sc... if interested. The changes are as follows:

1. Dirk's changes for handling esc/tab keys and bug fixes.
2. Nexus setTimeout changes/fixes.
3. Nathan's init_list prePopulate method for inserting existing values at load time.
4. A new settings parameter, jsonContainer, that specifies the name of the array containing the name/id value pairs in the returned json object. This is optional. Leave it out and it will default to the root object (backwards compatible).
5. A new settings parameter, multiParam, that allows you to specify urls with existing parameters. Again, this is optional and backwards compatible if left out.
6. Changed the default theme to facebook style. You can uncomment the source to switch back to original.

Example usage:

$("#prereqAC").tokenInput("/services/index.php?svc_c=UnitSvc&svc_m=listAlphas&svc_f=json",
{
prePopulate: [
{name:'MATH', id:'1'},
{name:'CHEM', id:'2'},
],
jsonContainer: 'data',
multiParam: 'true'
}
);

And for anyone reading Dirk's comments about the jQuery UI autocomplete implementation, this can be found at http://docs.jquery.com/UI/Autocomplete but is not part of the stable release yet (1.7).

Re: jQuery Plugin: Tokenizing Autocomplete Text Entry

Richard G — Tue, 16 Jun 2009 23:41:42 -0000

Just installed your plugin on a project I'm working on and would like to say the following:

1. Fantastic! Very easy to set up, and works bloody great! (only tested in Chrome so far).

2. Please consider adding an option to specify the object name of the json array containing the id/name pairs. My json architecture outputs a structured message across all services. I cannot change this structure just for this plugin. I thus rigged the source to point to a different object in the json respone. Would be good if this can be done from the caller.

3. Both the default theme and the facebook theme are great! I chose to use the facebook because it conserves a lot of space. These should be an easier way to specify the theme from the caller, rather than specifying the css class for each element. In my case I rigged the source to use the facebook classes as default, making the whole autocomplete initialization 1 line of html and 1 line of js.

4. Keep up the good work!