2 weeks ago I completed a new feature on EMC Code's github page. We have a bunch of different projects that need to fit in different buckets but can sometimes span more than one bucket. Or projects in two different buckets use a common technology. To make it easier for our users to find things relevant to them, I created a tagging functionality.
First create a div that will have nothing in it. I've assigned this with a class if "hiddenUL". This is where we will use jQuery to append the list items with specific tags.
Next, create an unordered list of items that will need a common class. In this case, the class is "item_box" because every item is in the shape of a box. Next, we give each list item a set of classes. Don't pay too much attention to everything *inside* the list item. All of that is there for the styling of it. These classes, however, are going to be our means of tagging. Make sure spelling and capitalization are all correct. It's also important to note that we can have multiple sets of unordered lists.
Lastly, create some buttons. You will need a button for every type of keyword or class you defined in the previous step. Also, create a 'clear tag' button that will be used to clear the tags.Add a comment