Make example log links and visualize button behaviors intuitive

[GoogleCodeExporter]

The example log links and the visualize button don't work as expected. Here are 
three examples:
- It's not clear which example log is visualized -- stateless example log links.
- The log in the texbox can be changed after the visualization by clicking on 
example links, but not by editing the textbox.
- After a log has been visualized, and a new example was selected, the 
visualize button is disabled.

Here is a complete fix:
- Remove the clear button -- it is just used to re-enable the visualize button
- Make the visualize button always enabled
- Make the textbox always editable
- When the user clicks on a log example: (1) hide the visualization, (2) give 
the clicked example log link a different style (e.g., make it grey), (3) make 
the textbox color black
- When the user types into the textbox (e.g., keypress event), then (1) hide 
the visualization, (2) change the style of all the example links to the default 
blue link color, (3) make the textbox color black
- When the user clicks on visualize, then make the textbox color grey

Original issue reported on code.google.com by bestchai on 24 Jun 2013 at 1:37

[GoogleCodeExporter]

Migrated issues to the new bitbucket project for ShiViz.

Original comment by bestchai on 27 Jun 2013 at 12:07

• Changed state: Invalid