| Akron | e4da7ef | 2017-06-27 19:22:15 +0200 | [diff] [blame] | 1 | <!DOCTYPE html> |
| 2 | <html> |
| 3 | <head> |
| 4 | <title>Query creator demo</title> |
| 5 | <meta charset="utf-8" /> |
| 6 | <style type="text/css" rel="stylesheet"> |
| 7 | * { |
| 8 | outline: none; |
| 9 | } |
| Akron | c863a38 | 2017-06-28 16:12:08 +0200 | [diff] [blame^] | 10 | td, tbody th, thead th:not(:nth-child(1)):not(:nth-child(2)) { |
| 11 | cursor: pointer; |
| 12 | } |
| 13 | td.chosen, th.chosen { |
| 14 | background-color: red; |
| Akron | e4da7ef | 2017-06-27 19:22:15 +0200 | [diff] [blame] | 15 | } |
| 16 | input { |
| Akron | c863a38 | 2017-06-28 16:12:08 +0200 | [diff] [blame^] | 17 | display: block; |
| 18 | width: 80%; |
| Akron | e4da7ef | 2017-06-27 19:22:15 +0200 | [diff] [blame] | 19 | } |
| 20 | </style> |
| 21 | </head> |
| 22 | <body> |
| 23 | <div class="matchinfo"> |
| 24 | <table> |
| 25 | <thead> |
| 26 | <tr> |
| 27 | <th>Foundry</th> |
| 28 | <th>Layer</th> |
| 29 | <th>Der</th> |
| 30 | <th>älteste</th> |
| 31 | <th>lebende</th> |
| 32 | <th>Baum</th> |
| 33 | </tr> |
| 34 | </thead> |
| 35 | <tbody> |
| 36 | <tr tabindex="0"> |
| 37 | <th>corenlp</th> |
| 38 | <th>p</th> |
| 39 | <td>ART</td> |
| 40 | <td>ADJA</td> |
| 41 | <td>ADJA</td> |
| 42 | <td>NN</td> |
| 43 | </tr> |
| 44 | <tr tabindex="0"> |
| 45 | <th>opennlp</th> |
| 46 | <th>p</th> |
| 47 | <td>ART</td> |
| 48 | <td>ADJA</td> |
| 49 | <td>ADJA</td> |
| 50 | <td>NN</td> |
| 51 | </tr> |
| 52 | </tbody> |
| 53 | </table> |
| 54 | </div> |
| 55 | </body> |
| 56 | <script src="query-creator.js"></script> |
| 57 | </html> |