| <!DOCTYPE html> | 
 | <html> | 
 |   <head> | 
 |     <title>Match demo</title> | 
 |     <meta charset="utf-8" /> | 
 |     <script src="../js/lib/dagre/dagre.min.js"></script> | 
 |     <script src="../js/src/util.js"></script> | 
 |     <script src="../js/src/menu.js"></script> | 
 |     <script src="../js/src/match.js"></script> | 
 |     <link type="text/css" rel="stylesheet" href="../css/kalamar.css" /> | 
 |     <style type="text/css" | 
 | 	   rel="stylesheet"> | 
 |  | 
 | body { | 
 |   background-color: #ffa500; | 
 | } | 
 |  | 
 | body, text { | 
 |   font-family: tahoma, verdana, arial; | 
 |   color: #444; | 
 | } | 
 |  | 
 | text { | 
 |   fill: #444; | 
 | } | 
 |  | 
 |     </style> | 
 |   </head> | 
 |   <body> | 
 |     <div id="search"> | 
 |       <ol class="align-left"> | 
 | 	<li data-corpus-id="WPD" | 
 | 	    data-doc-id="WWW" | 
 | 	    data-text-id="03313" | 
 | 	    data-match-id="p102-103" | 
 | 	    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" | 
 | 	    id="WPD-WWW.03313-p102-103"> | 
 | 	  <div> | 
 | 	    <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> | 
 | 	  </div> | 
 | 	  <p class="ref"><strong>Wertparameter</strong> by Hubi,Zwobot,4; published on 2005-03-28 as WWW.03313 (WPD)</p> | 
 | 	</li> | 
 |       </ol> | 
 |     </div> | 
 |  | 
 |     <script> | 
 | var snippet = "<span title=\"cnx/l:meist\">" + | 
 |   "  <span title=\"cnx/p:ADV\">" + | 
 |   "    <span title=\"cnx/syn:@PREMOD\">" + | 
 |   "      <span title=\"mate/l:meist\">" + | 
 |   "        <span title=\"mate/p:ADV\">" + | 
 |   "          <span title=\"opennlp/p:ADV\">meist</span>" + | 
 |   "        </span>" + | 
 |   "      </span>" + | 
 |   "    </span>" + | 
 |   "  </span>" + | 
 |   "</span>" + | 
 |   "<span title=\"cnx/l:deutlich\">" + | 
 |   "  <span title=\"cnx/p:A\">" + | 
 |   "    <span title=\"cnx/syn:@PREMOD\">" + | 
 |   "      <span title=\"mate/l:deutlich\">" + | 
 |   "        <span title=\"mate/m:degree:pos\">" + | 
 |   "          <span title=\"mate/p:ADJD\">" + | 
 |   "            <span title=\"opennlp/p:ADJD\">deutlich</span>" + | 
 |   "          </span>" + | 
 |   "        </span>" + | 
 |   "      </span>" + | 
 |   "    </span>" + | 
 |   "  </span>" + | 
 |   "</span>" + | 
 |   "<span title=\"cnx/l:fähig\">" + | 
 |   "  <span title=\"cnx/l:leistung\">" + | 
 |   "    <span title=\"cnx/p:A\">" + | 
 |   "      <span title=\"cnx/syn:@NH\">" + | 
 |   "        <span title=\"mate/l:leistungsfähig\">" + | 
 |   "          <span title=\"mate/m:degree:comp\">" + | 
 |   "            <span title=\"mate/p:ADJD\">" + | 
 |   "              <span title=\"opennlp/p:ADJD\">leistungsfähiger</span>" + | 
 |   "            </span>" + | 
 |   "          </span>" + | 
 |   "        </span>" + | 
 |   "      </span>" + | 
 |   "    </span>" + | 
 |   "  </span>" + | 
 |   "</span>"; | 
 |  | 
 | var treeSnippet = | 
 |   "<span class=\"context-left\"></span>" + | 
 |   "<span class=\"match\">" + | 
 |   "  <span title=\"xip/c:MC\">" + | 
 |   "    <span title=\"xip/c:TOP\">" + | 
 |   "      <span title=\"xip/c:PP\">" + | 
 |   "        <span title=\"xip/c:PREP\">Mit</span>" + | 
 |   "        <span title=\"xip/c:NP\">" + | 
 |   "          <span title=\"xip/c:DET\">dieser</span>" + | 
 |   "          <span title=\"xip/c:NPA\">" + | 
 |   "            <span title=\"xip/c:NOUN\">Methode</span>" + | 
 |   "          </span>" + | 
 |   "        </span>" + | 
 |   "      </span>" + | 
 |   "      <span title=\"xip/c:VERB\">ist</span>" + | 
 |   "      <span title=\"xip/c:NP\">" + | 
 |   "        <span title=\"xip/c:PRON\">es</span>" + | 
 |   "      </span>" + | 
 |   "      <span title=\"xip/c:AP\">" + | 
 |   "        <span title=\"xip/c:ADV\">nun</span>" + | 
 |   "        <span title=\"xip/c:ADJ\">möglich</span>" + | 
 |   "      </span>" + | 
 |   "      <span title=\"xip/c:ADV\">z. B.</span>" + | 
 |   "      <span title=\"xip/c:NPA\">" + | 
 |   "        <span title=\"xip/c:NP\">" + | 
 |   "          <span title=\"xip/c:NOUN\">Voice</span>" + | 
 |   "        </span>" + | 
 |   "      </span>" + "(" + | 
 |   "      <span title=\"xip/c:INS\">" + | 
 |   "        <span title=\"xip/c:NPA\">" + | 
 |   "          <span title=\"xip/c:NP\">" + | 
 |   "            <span title=\"xip/c:NOUN\">Sprache</span>" + | 
 |   "          </span>" + | 
 |   "        </span>" + | 
 |   "      </span>" + ")" + | 
 |   "      <span title=\"xip/c:VERB\">bevorzugt</span>" + | 
 |   "      <span title=\"xip/c:PP\">" + | 
 |   "        <span title=\"xip/c:PREP\">in</span>" + | 
 |   "        <span title=\"xip/c:NP\">" + | 
 |   "          <span title=\"xip/c:PRON\">der</span>" + | 
 |   "        </span>" + | 
 |   "        <span title=\"xip/c:NPA\">" + | 
 |   "          <span title=\"xip/c:NP\">" + | 
 |   "            <span title=\"xip/c:NOUN\">Bridge</span>" + | 
 |   "          </span>" + | 
 |   "        </span>" + | 
 |   "      </span>" + | 
 |   "      <span title=\"xip/c:INFC\">" + | 
 |   "        <span title=\"xip/c:INS\">" + | 
 |   "          <span title=\"xip/c:VERB\">weiterzugeben</span>" + | 
 |   "        </span>" + | 
 |   "      </span>" + | 
 |   "    </span>" + | 
 |   "  </span>" + | 
 |   "</span>" + | 
 |   "<span class=\"context-right\"></span>"; | 
 |  | 
 | // Parse and show the table | 
 | // Override getMatchInfo API call | 
 | KorAP.API.getMatchInfo = function(match, callObj) { | 
 |   if (callObj["spans"] !== undefined && callObj["spans"] === true) { | 
 |     return { "snippet": treeSnippet }; | 
 |   } | 
 |   else { | 
 |     return { "snippet": snippet }; | 
 |   } | 
 | }; | 
 |  | 
 | KorAP.init(); | 
 |     </script> | 
 |  | 
 |     <!-- | 
 |     <div class="matchinfo"> | 
 |       <div class="matchtable"> | 
 | 	<table> | 
 | 	  <thead> | 
 |             <tr> | 
 | 	      <th>Foundry</th> | 
 | 	      <th>Layer</th> | 
 | 	      <th>Ich</th> | 
 | 	      <th>Du</th> | 
 | 	      <th>Er</th> | 
 | 	    </tr> | 
 | 	  </thead> | 
 | 	  <tbody> | 
 | 	    <tr tabindex="0"> | 
 | 	      <th>Hallo</th> | 
 | 	      <th>X</th> | 
 | 	      <td>ABC DEF GHI JKL MNO PQR STU VWX YZ ABC DEF GHI JKL MNO PQR STU VWX YZ</td> | 
 | 	      <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> | 
 | 	      <td>ABC DEF GHI JKL MNO PQR STU VWX YZ ABC DEF GHI JKL MNO PQR STU VWX YZ</td> | 
 | 	    </tr> | 
 | 	    <tr tabindex="0"> | 
 | 	      <th>geht</th> | 
 | 	      <th>y</th> | 
 | 	      <td>ABC DEF GHI JKL MNO PQR STU VWX YZ ABC DEF GHI JKL MNO PQR STU VWX YZ</td> | 
 | 	      <td>ABC DEF GHI JKL MNO PQR STU VWX YZ ABC DEF GHI JKL MNO PQR STU VWX YZ</td> | 
 | 	      <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> | 
 | 	    </tr> | 
 | 	    <tr tabindex="0"> | 
 | 	      <th>es</th> | 
 | 	      <th>z</th> | 
 | 	      <td>ABC DEF GHI JKL MNO PQR STU VWX YZ ABC DEF GHI JKL MNO PQR STU VWX YZ</td> | 
 | 	      <td>ABC DEF GHI JKL MNO PQR STU VWX YZ ABC DEF GHI JKL MNO PQR STU VWX YZ</td> | 
 | 	      <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> | 
 | 	    </tr> | 
 | 	  </tbody> | 
 | 	</table> | 
 |       </div> | 
 |     </div> | 
 |     --> | 
 |  | 
 |   </body> | 
 | </html> |