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="author" content="http://www.merjis.com/" />
   6 <link rel="stylesheet" href="/_css/visualise_links.css" type="text/css" title="Standard"/>
   7 <script src="/_js/wz_jsgraphics.js" type="text/javascript"></script>
   8 <script src="/_js/visualise_links.js" type="text/javascript"></script>
   9 </head><body>
  10
  11 <h1><span>Visualise links</span></h1>
  12
  13 <noscript>
  14 Sorry, but the <em>visualise links</em> tool is inherently graphical
  15 and requires both Javascript and a modern graphical browser.
  16 </noscript>
  17
  18 <div id="canvas">
  19 ::table(nodes)::<div class="node" style="top: ::y::px;left: ::x::px;width: ::width::px;height: ::height::px;"></div>::end::
  20 </div>
  21
  22 <div id="buttons">
  23 <button id="save">Save layout</button>
  24 <button id="close">Close window</button>
  25 <button id="layout">Refresh layout</button>
  26 </div>
  27
  28 <script type="text/javascript">//<!--
  29 var jg = new jsGraphics("canvas");
  30 ::table(edges)::
  31 var xPoints = new Array(::table(xpoints)::::x::,::end::0);
  32 var yPoints = new Array(::table(ypoints)::::y::,::end::0);
  33 jg.drawPolyLine (xPoints, yPoints);
  34 ::end::
  35 jg.paint ();
  36 //--></script>
  37
  38 </body>
  39 </html>