Gitiles
Code Review Sign In
korap.ids-mannheim.de / KorAP / Kalamar / 1c54692e512ca0768c0cff02917c0a2d3a8991cb / . / dev / demo / match.html
blob: cb2e7efc1efa5c1fa0be7df07d418fbbd0cb4634 [file] [log] [blame]
Nils Diewalda944fab2015-04-08 21:02:04 +0000[diff] [blame]1<!DOCTYPE html>
2<html>
3 <head>
4 <title>Match demo</title>
5 <meta charset="utf-8" />
Nils Diewaldce328112015-04-08 22:48:18 +0000[diff] [blame]6 <script src="../js/lib/dagre/dagre.min.js"></script>
Nils Diewald2488d052015-04-09 21:46:02 +0000[diff] [blame]7 <script src="../js/src/init.js"></script>
Nils Diewaldce328112015-04-08 22:48:18 +0000[diff] [blame]8 <script src="../js/src/menu.js"></script>
9 <script src="../js/src/match.js"></script>
10 <link type="text/css" rel="stylesheet" href="../css/kalamar.css" />
Nils Diewalda944fab2015-04-08 21:02:04 +0000[diff] [blame]11 <style type="text/css"
12 rel="stylesheet">
13
14body {
15 background-color: #ffa500;
16}
17
18body, text {
19 font-family: tahoma, verdana, arial;
20 color: #444;
21}
22
23text {
24 fill: #444;
25}
26
27 </style>
28 </head>
29 <body>
30 <div id="search">
31 <ol class="align-left">
32 <li data-corpus-id="WPD"
33 data-doc-id="WWW"
34 data-text-id="03313"
35 data-match-id="p102-103"
36 data-available-info="base/s=spans corenlp/c=spans corenlp/ne=tokens corenlp/p=tokens corenlp/s=spans glemm/l=tokens mate/l=tokens mate/m=tokens mate/p=tokens opennlp/p=tokens opennlp/s=spans tt/l=tokens tt/p=tokens tt/s=spans"
37 id="WPD-WWW.03313-p102-103">
38 <div>
39 <div class="snippet startMore endMore"><span class="context-left">In diesem Beispiel ist zu sehen, dass die beiden Variablen a und b lediglich ihre Werte an die Funktion </span><span class="match">test</span><span class="context-right"> übergeben, aber im Gegensatz zu einem Referenzparamter dabei unverändert bleiben.</span></div>
40 </div>
41 <p class="ref"><strong>Wertparameter</strong> by Hubi,Zwobot,4; published on 2005-03-28 as WWW.03313 (WPD)</p>
42 </li>
43 </ol>
44 </div>
45
46 <script>
47var snippet = "<span title=\"cnx/l:meist\">" +
48 " <span title=\"cnx/p:ADV\">" +
49 " <span title=\"cnx/syn:@PREMOD\">" +
50 " <span title=\"mate/l:meist\">" +
51 " <span title=\"mate/p:ADV\">" +
52 " <span title=\"opennlp/p:ADV\">meist</span>" +
53 " </span>" +
54 " </span>" +
55 " </span>" +
56 " </span>" +
57 "</span>" +
58 "<span title=\"cnx/l:deutlich\">" +
59 " <span title=\"cnx/p:A\">" +
60 " <span title=\"cnx/syn:@PREMOD\">" +
61 " <span title=\"mate/l:deutlich\">" +
62 " <span title=\"mate/m:degree:pos\">" +
63 " <span title=\"mate/p:ADJD\">" +
64 " <span title=\"opennlp/p:ADJD\">deutlich</span>" +
65 " </span>" +
66 " </span>" +
67 " </span>" +
68 " </span>" +
69 " </span>" +
70 "</span>" +
71 "<span title=\"cnx/l:fähig\">" +
72 " <span title=\"cnx/l:leistung\">" +
73 " <span title=\"cnx/p:A\">" +
74 " <span title=\"cnx/syn:@NH\">" +
75 " <span title=\"mate/l:leistungsfähig\">" +
76 " <span title=\"mate/m:degree:comp\">" +
77 " <span title=\"mate/p:ADJD\">" +
78 " <span title=\"opennlp/p:ADJD\">leistungsfähiger</span>" +
79 " </span>" +
80 " </span>" +
81 " </span>" +
82 " </span>" +
83 " </span>" +
84 " </span>" +
85 "</span>";
86
87var treeSnippet =
88 "<span class=\"context-left\"></span>" +
89 "<span class=\"match\">" +
90 " <span title=\"xip/c:MC\">" +
91 " <span title=\"xip/c:TOP\">" +
92 " <span title=\"xip/c:PP\">" +
93 " <span title=\"xip/c:PREP\">Mit</span>" +
94 " <span title=\"xip/c:NP\">" +
95 " <span title=\"xip/c:DET\">dieser</span>" +
96 " <span title=\"xip/c:NPA\">" +
97 " <span title=\"xip/c:NOUN\">Methode</span>" +
98 " </span>" +
99 " </span>" +
100 " </span>" +
101 " <span title=\"xip/c:VERB\">ist</span>" +
102 " <span title=\"xip/c:NP\">" +
103 " <span title=\"xip/c:PRON\">es</span>" +
104 " </span>" +
105 " <span title=\"xip/c:AP\">" +
106 " <span title=\"xip/c:ADV\">nun</span>" +
107 " <span title=\"xip/c:ADJ\">möglich</span>" +
108 " </span>" +
109 " <span title=\"xip/c:ADV\">z. B.</span>" +
110 " <span title=\"xip/c:NPA\">" +
111 " <span title=\"xip/c:NP\">" +
112 " <span title=\"xip/c:NOUN\">Voice</span>" +
113 " </span>" +
114 " </span>" + "(" +
115 " <span title=\"xip/c:INS\">" +
116 " <span title=\"xip/c:NPA\">" +
117 " <span title=\"xip/c:NP\">" +
118 " <span title=\"xip/c:NOUN\">Sprache</span>" +
119 " </span>" +
120 " </span>" +
121 " </span>" + ")" +
122 " <span title=\"xip/c:VERB\">bevorzugt</span>" +
123 " <span title=\"xip/c:PP\">" +
124 " <span title=\"xip/c:PREP\">in</span>" +
125 " <span title=\"xip/c:NP\">" +
126 " <span title=\"xip/c:PRON\">der</span>" +
127 " </span>" +
128 " <span title=\"xip/c:NPA\">" +
129 " <span title=\"xip/c:NP\">" +
130 " <span title=\"xip/c:NOUN\">Bridge</span>" +
131 " </span>" +
132 " </span>" +
133 " </span>" +
134 " <span title=\"xip/c:INFC\">" +
135 " <span title=\"xip/c:INS\">" +
136 " <span title=\"xip/c:VERB\">weiterzugeben</span>" +
137 " </span>" +
138 " </span>" +
139 " </span>" +
140 " </span>" +
141 "</span>" +
142 "<span class=\"context-right\"></span>";
143
144// Parse and show the table
145// Override getMatchInfo API call
146KorAP.API.getMatchInfo = function(match, callObj) {
147 if (callObj["spans"] !== undefined && callObj["spans"] === true) {
148 return { "snippet": treeSnippet };
149 }
150 else {
151 return { "snippet": snippet };
152 }
153};
154
155KorAP.init();
156 </script>
157
158 <!--
159 <div class="matchinfo">
160 <div class="matchtable">
161 <table>
162 <thead>
163 <tr>
164 <th>Foundry</th>
165 <th>Layer</th>
166 <th>Ich</th>
167 <th>Du</th>
168 <th>Er</th>
169 </tr>
170 </thead>
171 <tbody>
172 <tr tabindex="0">
173 <th>Hallo</th>
174 <th>X</th>
175 <td>ABC DEF GHI JKL MNO PQR STU VWX YZ ABC DEF GHI JKL MNO PQR STU VWX YZ</td>
176 <td>ABC DEF GHI JKL MNO PQR STU VWX YZ ABC DEF GHI JKL MNO PQR STU VWX YZ<br />ABC DEF GHI JKL MNO PQR STU VWX YZ ABC DEF GHI JKL MNO PQR STU VWX YZ</td>
177 <td>ABC DEF GHI JKL MNO PQR STU VWX YZ ABC DEF GHI JKL MNO PQR STU VWX YZ</td>
178 </tr>
179 <tr tabindex="0">
180 <th>geht</th>
181 <th>y</th>
182 <td>ABC DEF GHI JKL MNO PQR STU VWX YZ ABC DEF GHI JKL MNO PQR STU VWX YZ</td>
183 <td>ABC DEF GHI JKL MNO PQR STU VWX YZ ABC DEF GHI JKL MNO PQR STU VWX YZ</td>
184 <td>ABC DEF GHI JKL MNO PQR STU VWX YZ ABC DEF GHI JKL MNO PQR STU VWX YZ<br />ABC DEF GHI JKL MNO PQR STU VWX YZ ABC DEF GHI JKL MNO PQR STU VWX YZ<br />ABC DEF GHI JKL MNO PQR STU VWX YZ ABC DEF GHI JKL MNO PQR STU VWX YZ</td>
185 </tr>
186 <tr tabindex="0">
187 <th>es</th>
188 <th>z</th>
189 <td>ABC DEF GHI JKL MNO PQR STU VWX YZ ABC DEF GHI JKL MNO PQR STU VWX YZ</td>
190 <td>ABC DEF GHI JKL MNO PQR STU VWX YZ ABC DEF GHI JKL MNO PQR STU VWX YZ</td>
191 <td>ABC DEF GHI JKL MNO PQR STU VWX YZ ABC DEF GHI JKL MNO PQR STU VWX YZ<br />ABC DEF GHI JKL MNO PQR STU VWX YZ ABC DEF GHI JKL MNO PQR STU VWX YZ<br />ABC DEF GHI JKL MNO PQR STU VWX YZ ABC DEF GHI JKL MNO PQR STU VWX YZ</td>
192 </tr>
193 </tbody>
194 </table>
195 </div>
196 </div>
197 -->
198
199 </body>
200</html>