How do I implement tagging in web app post? Like how questions on stackoverflow have tags? - html

So I have a form where a user can post a project. He fills the fields and submits so far. However what I would like is to use a tag system where instead of writing a string of skills needed for the project, they should be tags. Then implement a tag based search. Kind of like here on stackoverflow you can search questions based on tags. I'm not sure what to google or what kind of question I am looking for. Maybe someone can point me in the right direction?

There are numerous jQuery plugins that do this. For a comprehensive list of them, see this stackoverflow post. I personally like Tag-it!, which is probably the most popular one.

Related

How to display past user input with HTML

For a project, I am asked to design a chat bot that answers questions about incident management. I utilized the tutorial in W3schools to create a chat bot, but I want to be able to display the user input above the input box to show the past conversation. I am not sure how to do that with HTML. Basically, after the user asks a question, all their questions (and respective answers) will be displayed above in a chain of messages. I know the question seems silly but I could really use some help. I know I can use jQuery, but I am not familiar with it, so if anyone could walk me through the process it would be great.
I have tried using the <input> and <output> tags, but I do not think those work. From the pre-existing code, what can I change?

Editing content of custom tags in VisualEditor (MediaWiki)?

is it possible to make custom MediaWiki tags (as described here) edit-able in VisualEditor?
When it is (which I guess) - are there any resources on this topic? I know there is no real documentation for VisualEditor, but I guess a lot of people had to do this, so maybe someone wrote down what he did?
I guess I have to extend the VisualEditor Data Model and add translations between it and HTML for what my specific tags do, but I can't real find where/how to do so.

ASP.NET code generation links and images for forums

I will be providing my users with code generated as links or images to embbed on different websites or on their personal.
Ok so normal generated code would look something like:
<img src=""></img>
And this would work on any website where you can post html or on users personal site.
But what to generate when user would like to post this kind of code generated to forums?
I know there isn't any universal tags for ALL forums for images and links, but what tags are used on most of forums?
I saw tags like:
[URL="foo"][/URL]
[url:foo][/url]
So the question is what to generate when this kind of code would be used to be posted in forums, or to provide users with src and href links and post some kind of tutorial?
According to Wikipedia, BBCode is the most common markup for use in bulletin board/forum software. If I were to choose one to support for this type of app, that is the one I would pick.
http://en.wikipedia.org/wiki/BBCode
Having said that, each forum is different, so it would probably be worth your while to a) find out which forum(s) your users most commonly post on, and support those forums' markup formats, and b) make it very clear what type of forum markup they are generating so you aren't helping them violate the posting guidelines of their favorite forum.

Creating an online quiz

I am looking into creating a simple quiz for a website.
All of the answers should be typed into a text box (not multiple choice), and at the end of the quiz I would like to display the users results and possibly even all of the questions with the correct answers (coloured red if the user answered incorrectly).
Does anybody have any suggestions? Maybe any useful links?
Cheers.
Take a look at the Forms feature of Google Docs. I've created a sample form for you that has some search functions and sorting of results.
Take a look at the form https://docs.google.com/spreadsheet/viewform?formkey=dFJpR2JiSFJ4NlQtZjRnQmo5Z2JBN2c6MQ
And the results page here: https://docs.google.com/spreadsheet/ccc?key=0Aihv4Xc6w4lpdFJpR2JiSFJ4NlQtZjRnQmo5Z2JBN2c
There's a lot you can do here, and you can learn how to do most of the grading functions functions by searching this page: https://support.google.com/docs/bin/static.py?hl=en&topic=25273&page=table.cs
Hope that helps.

What are people using for html form generation?

There is a similar question from 2009 which mentions Wufoo and FormAssembly services. Are there any other services you would recommend for generating html forms?
I simply want to generate the code for the forms (some with a lot of fields) for my php application. I don't want a hosted solution or anything such as those mentioned above. What do you use for this tedious process?
Thanks.
You could check out Zend_Form. It generates HTML for you but you have to write quite a lot of php - with the reward of contained validation rules and decoration (container elements etc).
Or are you looking for a solution that let's you use a GUI to generate the form? In that case Wufoo seems like a good choice, I guess.
Just found what I was looking for. Must be newly indexed because it didn't turn up in my search the first time. In case anyone else is looking for something similar:
http://www.phpform.org/