BeaverBlog

Great work guys, I like it!

I have one problem though. I am trying to make tagEditor to work with jQuery UI autocomplete and I can’t get it working. It adds tag multiple times when selected using autocomplete box. When I add tag manually it works fine. Here is my code:

$(“#id_tags”).tagEditor(
{
items: [],
confirmRemoval: true,
completeOnSeparator: true,
continuousOutputBuild: true
});
$(“#id_tags”).autocomplete(
{ source:’{% url tags %}’,
minChars: 2 ,
select: function(event, ui) {
$(“#id_tags”).tagEditorAddTag(ui.item.value);
$(“#id_tags”).val(”);
return false;
}
}
);

I use jQuery 1.4.2 and UI 1.8.2.

Thanks a lot,

Tomas

Contribution (bug/improvement): less code + tag uniqueness
current version : 1.4(.1 the same bug)
if you tape twice the same tag in the input (e.g. ” tag1, tag2, tag1″), you will add 3 tags and not 2 tags. To correct this misbehavior,
Add:
in the addTag function
for (var i = 0; i itemBase.push(tag);

Remove
in the function buildArray() {
<== for (var i = 0; i < items.length; i++) {
<== itemBase.push(jQuery.trim(jQuery(items[i]).text()));
< == }

best,
nicolas maisonneuve

(oups, forget the remove step, it’s a mistake)
nicolas

When using multiple input fields in one page, is there a way to use a Get Tags button for each one?

Pressing Get Tags button 1 will extract the results entered from input 1
Pressing Get Tags button 2 will extract the results entered from input 2
and so on…

I’ve created a small patch that allows generating events when the tags are changed (added or removed). The patch needs some manual work, since it’s based on a slightly older version of the tag-editor code. The event carries a serialized version of the currently selected tags.

diff –git a/public/javascripts/plugins/jquery.tag.editor.js b/public/javascripts/plugins/jquery.tag.editor.js
@@ -165,7 +165,13 @@
itemBase.push($.trim($(items[i]).text()));
}
if (options.continuousOutputBuild) {
+ var oldVal = hiddenText.val();
hiddenText.val(itemBase.join(options.separator));
+ if (oldVal != hiddenText.val()) {
+ hiddenText.trigger(“tagsChanged”, {
+ tags : hiddenText.val()
+ });
+ }
}
}

I’m not sure is it bugs?

In Demo 3 Example (http://blog.crazybeavers.se/wp-content/demos/jquery.tag.editor/)
First push on button Set Tag, it will push a new tag, then when i’m push a first button (Get Tag) it doesn’t show a newly tag that pushed before?

At line 116 I added

if (options.cssPrefix)
item.attr(‘class’, options.cssPrefix + tag.replace(‘ ‘, ‘_’));

This puts a class attribute on the element if there is a cssPrefix option (which of cause is added up the top) there for when the user “hits” on tags that are know can highlight them. ie

$(“#tags”).tagEditor({cssPrefix:’tagItem’});

..

.tagItemRed {background-color:red;}

…

When the user add a “Red” tag the the tag will be displayed with a Red background.

Hope this helps.

Hi,

When txtbox is empty and hit Add Tag it’s not add in the tag in the ul list, as well how to make the tags parse back to asp.net page, so back-end code able to read all the value.

Regards,
Herman