[jQuery] Re: tagging plugin

[Hector Virgen]

I just together a quick tagger plugin the other day that might help
you. You can check out the demo here:

http://www.virgentech.com/code/tagger

On 2/18/09, murphyhg  wrote:
>
> I need to implement a tagging keyword solution for my application in
> ColdFusion.  I am looking for a tagging solution like the one found in
> Drupal that is a type ahead and you can select words and the words are
> added in a comma delimited list.  Does anyone know where I might find
> a solution like this?
>


-- 
-Hector

[jQuery] Re: tagging

[jquery newbie]

guys- thanks for the replies.. jake got me started and i ended up with
following.. if anybody can turn it into a "plugin" that takes the
input field's name and the list of tags as parameters, it might be
useful for the community..


// 


span.tag.selected {background:blue;color:white;padding:2px
6px;cursor:pointer;}
input.tagtext {width:400px;}

[jQuery] Re: tagging

[Jake McGraw]

Something like this?

JavaScript:

$(function(){
   $("span.tag").click(function(){
   var input = $("input.tagtext");
   if (input.val().search(new
RegExp("\\b"+$(this).text()+"\\b","i"))===-1) {
   input.val(input.val()+" "+$(this).text());
   }
   return false;
   });
   });

HTML:

javascript
jquery
resig
dhtml
java

I've got a working version here:

http://dev.jakemcgraw.com/tags/

This version won't allow double entries, uses RegExp object.

- jake
On 5/14/07, jquery newbie <[EMAIL PROTECTED]> wrote:


hi - i need to implement del.icio.us style tagging mechanism. that
involves a list of hyperlinked keywords that when clicked add or
remove or their text to an inputbox and inputbox supporting
autosuggest for each of the words after the separation character. i am
surprised to see that it is not already implemented since most web 2.0
applications implement one form of tagging or another. if someone can
tell me how to add or remove a text to an input field using jquery, i
can get the ball rolling. thanks.

[jQuery] Re: tagging

[Christopher Jordan]

$("#myInput").val(); //use this to retrieve the value of an element. 
meaning an element that has: value=""

$("#myInput").val("myNewValue"); // use this to set the value of an element.

I chose to use IDs for my selector above but you could easily use a 
class for the selector. Check out the selector documentation 
 for more info.


...and the relevant html for the above code would be:



Hope that helps.

Cheers,
Chris

jquery newbie wrote:

hi - i need to implement del.icio.us style tagging mechanism. that
involves a list of hyperlinked keywords that when clicked add or
remove or their text to an inputbox and inputbox supporting
autosuggest for each of the words after the separation character. i am
surprised to see that it is not already implemented since most web 2.0
applications implement one form of tagging or another. if someone can
tell me how to add or remove a text to an input field using jquery, i
can get the ball rolling. thanks.


  


--
http://www.cjordan.us