Devthought

Hi, I needed to be able to add “static” bits, bits that the user could not delete but I couldn’t find that function implemented so I did a quick hack to solve it for me.
It would be nice if you in future releases could implement a refined version of this functionality.

Here is what I did:

1) Added this right after (function($){
var arrStaticBits = Array();

2) Update the add function to this:
var add = function(plain, id, html, afterEl){
if (jQuery.inArray(id,arrStaticBits) == -1) {
var b = create(’box’, [id, plain, html]);
if (b){
if (!afterEl || !afterEl.length) afterEl = list.find(’.’ + options.prefix + ‘-bit-box’).filter(’:last’);
b.inject(afterEl.length ? afterEl : list, afterEl.length ? ‘after’ : ‘top’);
}
return self;
}
};

3) Add a new function (plain copy of the add function) called addStatic()
var addStatic = function(plain, id, html, afterEl){
if (jQuery.inArray(id,arrStaticBits) == -1) {
arrStaticBits.push(id);
var b = create(’box’, [id, plain, html]);
if (b){
if (!afterEl || !afterEl.length) afterEl = list.find(’.’ + options.prefix + ‘-bit-box’).filter(’:last’);
b.inject(afterEl.length ? afterEl : list, afterEl.length ? ‘after’ : ‘top’);
}
return self;
}
};

4) Add the line below after: this.add = add;
this.addStatic = addStatic;

5) Update: var remove = function(){ to:
var remove = function(){
if (jQuery.inArray(self.value[0],arrStaticBits) == -1) {
blur();
textboxlist.onRemove(self);
bit.remove();
return fireBitEvent(’remove’);
}
};

As I said, just a quick hack.

Could you provide a working example of how to add scrollbars to the results list? I have been trying to add scrollbars for a results list that contains a large number of results, using overflow: scroll or overflow: auto. This works great in Firefox 3.5, but in every other browser (IE 8, Chrome, Opera) it just closes the results list as soon as I attempt to click the scrollbar. I guess it treats the scrollbar click as an outside click and triggers the results list to close.

My CSS looks like this:
.textboxlist-autocomplete-results { margin: 0; padding: 0; max-height: 200px; overflow:scroll; z-index:99999}

Thanks!

Познавательно! Только не могу понять насколько часто обновляется блог?

Hello,

I tried your script, but when I look at with firebug, I see an error, like this:
o is undefined
[Break on this error] decode: function(o){ return o.split(’,'); }\nTextboxList.js (line 25) at console.

Could you check it?

Hi, how to add event onclick for bits?

To execute external function, once on click bit.

hi
thanks a lot for thiswork.

is this a bug?
http://devthought.com/wp-content/projects/jquery/textboxlist/Demo/
if i close 1 tag box the focus go on the top of the page

but here it works
http://devthought.com/wp-content/projects/mootools/textboxlist/Demo/
the focus return in the input
can u help me?
(i’m a new jquery user)
thanks a lot from italy
radames

One more question though… How do I include special charectars in the search like scandinavian letters??? Every name with an “æøå” is not in the list???

Thanks agin for this great script…

Ahhh. Thanks, works perfect… Have 1 question though… If I want the predefined values (t4.add(’John Doe’).add(’Jane Roe’);) to be like the ones I select on autocomplete how should they look then?

I have tryid like this but with no luck…

add(’56′,’John Doe’,'null’,'John Doe’)

Can this be done?!

Thanks in advance…