Hypertext Markup "index"

Admin User, erstellt 15. März 2024
         
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title editable="nocomment">Example 23</title>
</head>
<!-- Modern Albufeira Prolog Interpreter -->
<!-- Prolog sandbox -->
<!-- -->
<!-- Warranty & Liability -->
<!-- To the extent permitted by applicable law and unless explicitly -->
<!-- otherwise agreed upon, XLOG Technologies AG makes no warranties -->
<!-- regarding the provided information. XLOG Technologies AG assumes -->
<!-- no liability that any problems might be solved with the information -->
<!-- provided by XLOG Technologies AG. -->
<!-- -->
<!-- Rights & License -->
<!-- All industrial property rights regarding the information - copyright -->
<!-- and patent rights in particular - are the sole property of XLOG -->
<!-- Technologies AG. If the company was not the originator of some -->
<!-- excerpts, XLOG Technologies AG has at least obtained the right to -->
<!-- reproduce, change and translate the information. -->
<!-- -->
<!-- Reproduction is restricted to the whole unaltered document. -->
<!-- Reproduction of the information is only allowed for non-commercial -->
<!-- uses. Selling, giving away or letting of the execution of the -->
<!-- library is prohibited. The library can be distributed as part of -->
<!-- your applications and libraries for execution provided this comment -->
<!-- remains unchanged. -->
<!-- -->
<!-- Restrictions -->
<!-- Only to be distributed with programs that add significant and primary -->
<!-- functionality to the library. Not to be distributed with additional -->
<!-- software intended to replace any components of the library. -->
<!-- -->
<!-- Trademarks -->
<!-- Jekejeke is a registered trademark of XLOG Technologies AG. -->
<body>
<link rel="stylesheet" href="setdesign.css" type="text/css">
<h1>Example 23: Spock Doku</h1>
<table><tr><td rowspan="2">
<table class="table">
<tr>
<td id="a1" class="cell both"></td>
<td id="a2" class="cell top"></td>
<td id="a3" class="cell top"></td>
<td id="a4" class="cell both"></td>
<td id="a5" class="cell top"></td>
<td id="a6" class="cell top"></td>
<td id="a7" class="cell both"></td>
<td id="a8" class="cell top"></td>
<td id="a9" class="cell top"></td>
</tr>
<tr>
<td id="b1" class="cell left"></td>
<td id="b2" class="cell none"></td>
<td id="b3" class="cell none"></td>
<td id="b4" class="cell left"></td>
<td id="b5" class="cell none"></td>
<td id="b6" class="cell none"></td>
<td id="b7" class="cell left"></td>
<td id="b8" class="cell none"></td>
<td id="b9" class="cell none"></td>
</tr>
<tr>
<td id="c1" class="cell left"></td>
<td id="c2" class="cell none"></td>
<td id="c3" class="cell none"></td>
<td id="c4" class="cell left"></td>
<td id="c5" class="cell none"></td>
<td id="c6" class="cell none"></td>
<td id="c7" class="cell left"></td>
<td id="c8" class="cell none"></td>
<td id="c9" class="cell none"></td>
</tr>
<tr>
<td id="d1" class="cell both"></td>
<td id="d2" class="cell top"></td>
<td id="d3" class="cell top"></td>
<td id="d4" class="cell both"></td>
<td id="d5" class="cell top"></td>
<td id="d6" class="cell top"></td>
<td id="d7" class="cell both"></td>
<td id="d8" class="cell top"></td>
<td id="d9" class="cell top"></td>
</tr>
<tr>
<td id="e1" class="cell left"></td>
<td id="e2" class="cell none"></td>
<td id="e3" class="cell none"></td>
<td id="e4" class="cell left"></td>
<td id="e5" class="cell none"></td>
<td id="e6" class="cell none"></td>
<td id="e7" class="cell left"></td>
<td id="e8" class="cell none"></td>
<td id="e9" class="cell none"></td>
</tr>
<tr>
<td id="f1" class="cell left"></td>
<td id="f2" class="cell none"></td>
<td id="f3" class="cell none"></td>
<td id="f4" class="cell left"></td>
<td id="f5" class="cell none"></td>
<td id="f6" class="cell none"></td>
<td id="f7" class="cell left"></td>
<td id="f8" class="cell none"></td>
<td id="f9" class="cell none"></td>
</tr>
<tr>
<td id="g1" class="cell both"></td>
<td id="g2" class="cell top"></td>
<td id="g3" class="cell top"></td>
<td id="g4" class="cell both"></td>
<td id="g5" class="cell top"></td>
<td id="g6" class="cell top"></td>
<td id="g7" class="cell both"></td>
<td id="g8" class="cell top"></td>
<td id="g9" class="cell top"></td>
</tr>
<tr>
<td id="h1" class="cell left"></td>
<td id="h2" class="cell none"></td>
<td id="h3" class="cell none"></td>
<td id="h4" class="cell left"></td>
<td id="h5" class="cell none"></td>
<td id="h6" class="cell none"></td>
<td id="h7" class="cell left"></td>
<td id="h8" class="cell none"></td>
<td id="h9" class="cell none"></td>
</tr>
<tr>
<td id="i1" class="cell left"></td>
<td id="i2" class="cell none"></td>
<td id="i3" class="cell none"></td>
<td id="i4" class="cell left"></td>
<td id="i5" class="cell none"></td>
<td id="i6" class="cell none"></td>
<td id="i7" class="cell left"></td>
<td id="i8" class="cell none"></td>
<td id="i9" class="cell none"></td>
</tr>
</table>
</td><td>&nbsp;&nbsp;&nbsp;</td><td style="vertical-align: top; height: 0">
<table class="table" style="color: black; cursor: pointer">
<tr>
<td id="undo" class="cell both"></td>
<td id="redo" class="cell top"></td>
<td id="n0" class="cell top"></td>
</tr>
<tr>
<td id="n1" class="cell left" style="background: lightgrey">1</td>
<td id="n2" class="cell none">2</td>
<td id="n3" class="cell none">3</td>
</tr>
<tr>
<td id="n4" class="cell left">4</td>
<td id="n5" class="cell none">5</td>
<td id="n6" class="cell none">6</td>
</tr>
<tr>
<td id="n7" class="cell left">7</td>
<td id="n8" class="cell none">8</td>
<td id="n9" class="cell none">9</td>
</tr>
</table>
</td></tr>
<tr><td>&nbsp;&nbsp;&nbsp;</td><td>
<div style="font-size: 1.7em" id="status"></div>
</td></tr>
</table>
<p style="white-space: pre-wrap; word-break: break-all; font-family: monospace" id="demo"></p>
<script type="module">
import {init, Compound, set_cursor, perform_async
} from "../../../01_ciao/lib/player/canned/dogelog.mjs";
let elem2 = document.getElementById("demo");
elem2.innerHTML = "";
set_cursor(elem2);
await perform_async(new Compound("ensure_loaded", ["magicslate.p"]));
init();
</script>
</body>
</html>