templates/visualise_links.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
   3 <head>
   4 <title>Visualise links</title>
   5 <meta name="robots" content="noindex,nofollow"/>
   6 <meta name="author" content="http://www.merjis.com/" />
   7 <link rel="stylesheet" href="/_css/visualise_links.css" type="text/css" title="Standard"/>
   8 <script src="/_js/wz_jsgraphics.js" type="text/javascript"></script>
   9 <script src="/_js/visualise_links.js" type="text/javascript"></script>
  10 </head><body>
  11
  12 <h1>Visualise links</h1>
  13
  14 <noscript>
  15 Sorry, but the <em>visualise links</em> tool is inherently graphical
  16 and requires both Javascript and a modern graphical browser.
  17 </noscript>
  18
  19 <div id="canvas">
  20 ::table(nodes)::<div class="node" style="top: ::y::px;left: ::x::px;width: ::width::px;height: ::height::px;"></div>::end::
  21 </div>
  22
  23 <div id="buttons">
  24 <button id="save">Save layout</button>
  25 <button id="close">Close window</button>
  26 <button id="layout">Refresh layout</button>
  27 </div>
  28
  29 <script type="text/javascript">//<!--
  30 var jg = new jsGraphics("canvas");
  31 ::table(edges)::
  32 var xPoints = new Array(::table(xpoints)::::x::,::end::0);
  33 var yPoints = new Array(::table(ypoints)::::y::,::end::0);
  34 jg.drawPolyLine (xPoints, yPoints);
  35 ::end::
  36 jg.paint ();
  37 //--></script>
  38
  39 </body>
  40 </html>