Demonstrate dynamic page formatting

Design a single demonstration page with a dynamic UI for replying to a discussion board post.

Pretend that the user is reading a discussion forum and hits the "Respond" button. The page that is displayed gives the user a choice of 3 types of responses (1) quick response (2) normal response or (3) independent post

The input form must dynamically change depending on which radio button is chosen, without reloading the page.

After the user hits submit, display a page that demonstrates that the correct text was submitted, along with the type of post (1, 2, or 3).

Also, please use an opensource WYSIWYG editor instead of the textarea

## Deliverables

If "quick response' the page provides

(a) an input box that allows up to 120 characters.

(b) A caption to the side says " a quick response is limited to 120 characters. If you would like a to leave a longer response, choose 'normal response'."

(c) the text of a post being responded to.

If "normal response",

(a) the input box expands to a larger WYSIWYG textarea.

(b) the caption to the side changes to "Now you are leaving a normal response If you would like to create an independent post, please choose independent post""

(c) the text of the post below changes to insert checkboxes beside any paragraph that is longer than 20 characters. In other words you will need to parse the pretend post (you can hardcode it or grab it from a text file or database...up to you)

The checkboxes default to NOT CHECKED. If the user checks one of the boxes, the text of that paragraph is inserted as a quote between >><< in the textarea appended to the end of the existing text

If the user then unchecks the box, remove the inserted text from the text area

SEE ATTACHED MOCKUP TO SEE WHAT THE SCREEN MIGHT LOOK LIKE in this mode

If "independent post"

(a) the input box remains unchanged (i.e. any typed message is retained) but the "TO: Username" disappears

(b) the text below the post loses the checkmarks

(c) the caption changes again to "this is an independent post"

After "submit" is pressed, please demonstrate that the information in the textbox, along with the type (1,2,or 3) is retained.

PHP Interfaz de usuario / AI

Nº del proyecto: #3630105

Sobre el proyecto